Drop Variables tab SCSS in favor of inline Tailwind

The variables-tab component had a small per-page SCSS file (18 lines)
that only ever applied @apply directives to BEM class names invented
to host them — the classes added no semantic value beyond being a
selector for the styles. Move each rule inline as Tailwind classes on
the elements it targeted, drop the BEM names that nothing else
references, delete the SCSS file, and remove styleUrls from the
component decorator.

Per-page SCSS removed:
- pt-5 on the env-code-block wrapper → class on the wrapper div
- pt-5 on .card-content → class on card-body
- m-0 whitespace-pre-wrap on inner <pre> → class on each <pre>
- pt-[15px] on non-first sections → [&:not(:first-of-type)]:pt-[15px]
  arbitrary variant on the section wrappers

Global SCSS classes the page still uses (card, card-header, card-body,
btn-icon, btn-success) are out of scope for this commit — they're
shared with many other pages and need a coordinated sweep.

Author: nabramovitz

src/frontend/packages/cloud-foundry/src/features/applications/application/application-tabs-base/tabs/variables-tab/variables-tab.component.html

@@ -1,5 +1,5 @@
-<div class="variables-tab">
-  <div class="variables-tab__env-table">
+<div>
+  <div>
     <app-list-sub-nav title="Total Variables" [count]="totalVariables"
                       [addAction]="addVariableAction" [isAdding]="isAdding">
       <!-- Inline add form rendered on the L5 row when isAdding is true.
@@ -38,24 +38,23 @@
     <app-list [addForm]="addForm" [suppressAddButton]="true"></app-list>
   </div>
 
-  <div class="variables-tab__env-code-block">
+  <div class="pt-5">
     <div class="card">
       <div class="card-header">
         <div>All Variables</div>
       </div>
-      <div class="card-body">
+      <div class="card-body pt-5">
         <app-code-block>
           @for (envVar of (allEnvVars$ | async); track $index) {
-            <div class="variables-tab__env-code-block--line"
-              [ngClass]="{'variables-tab__env-code-block--section': envVar.section}">
+            <div [class]="envVar.section ? '[&:not(:first-of-type)]:pt-[15px]' : ''">
               @if (envVar.section) {
-                <pre>{{envVar.name}}</pre>
+                <pre class="m-0 whitespace-pre-wrap">{{envVar.name}}</pre>
               } @else {
-                <pre>{{envVar.name}}=@if (!isObject(envVar.value)) {
+                <pre class="m-0 whitespace-pre-wrap">{{envVar.name}}=@if (!isObject(envVar.value)) {
                   <span>{{envVar.value}}</span>
                 }</pre>
                 @if (isObject(envVar.value)) {
-                  <pre>{{ envVar.value | json }}</pre>
+                  <pre class="m-0 whitespace-pre-wrap">{{ envVar.value | json }}</pre>
                 }
               }
             </div>

src/frontend/packages/cloud-foundry/src/features/applications/application/application-tabs-base/tabs/variables-tab/variables-tab.component.scss

@@ -37,7 +37,6 @@ export interface VariableTabAllEnvVarType {
 @Component({
   selector: 'app-variables-tab',
   templateUrl: './variables-tab.component.html',
-  styleUrls: ['./variables-tab.component.scss'],
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   providers: [{