OZG-5833 fix darkmode border and code-formating

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.html

@@ -27,7 +27,7 @@
 
 <ng-container *ngIf="vorgangStateResource.resource as vorgangResource">
   <div
-    class="flex min-h-full grow flex-col divide-y divide-gray-200 border-l border-r border-gray-200 dark:divide-background-100 dark:border-gray-800 lg:flex-row lg:divide-x lg:divide-y-0"
+    class="flex min-h-full grow flex-col divide-y divide-gray-200 border-l border-r border-gray-200 dark:divide-background-100 dark:border-transparent lg:flex-row lg:divide-x lg:divide-y-0"
   >
     <div class="grow">
       <alfa-vorgang-detail-header

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.html

@@ -26,10 +26,7 @@
 
 <div class="flex flex-row">
   <div class="flex w-12 flex-shrink-0 flex-grow-0 items-center">
-    <alfa-vorgang-status-dot
-      [status]="vorgang.status"
-      class="xstatus-dot"
-    ></alfa-vorgang-status-dot>
+    <alfa-vorgang-status-dot [status]="vorgang.status" class="status-dot"></alfa-vorgang-status-dot>
   </div>
   <div class="flex flex-shrink flex-grow flex-wrap gap-x-3 gap-y-1">
     <div class="flex flex-grow gap-7">
@@ -40,7 +37,7 @@
       ></alfa-vorgang-status-text>
       <alfa-beschieden-date-in-vorgang-container></alfa-beschieden-date-in-vorgang-container>
     </div>
-    <div class="xinitial-date text-sm" data-test-id="created-at">
+    <div class="initial-date text-sm" data-test-id="created-at">
       {{ vorgang.createdAt | date: 'EEEE, d. LLLL y, H:mm' }}
     </div>
   </div>

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.ts

@@ -29,13 +29,7 @@ import { createVorgangWithEingangResource } from '../../../../../../vorgang-shar
 @Component({
   selector: 'alfa-vorgang-detail-header',
   templateUrl: './vorgang-detail-header.component.html',
-  styles: [
-    `
-      :host {
-        @apply flex flex-col px-6 py-4;
-      }
-    `,
-  ],
+  styles: [':host {@apply flex flex-col px-6 py-4}'],
 })
 export class VorgangDetailHeaderComponent {
   readonly linkRel = VorgangWithEingangLinkRel;

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-page.component.html

@@ -39,7 +39,9 @@
     </ng-container>
   </ozgcloud-subnavigation>
 
-  <div class="l-scroll-area--full flex border-l border-r border-grayborder/30 dark:border-gray-800">
+  <div
+    class="l-scroll-area--full flex border-l border-r border-grayborder/30 dark:border-transparent"
+  >
     <alfa-vorgang-detail-area
       *ngIf="vorgangStateResource"
       [vorgangStateResource]="vorgangStateResource"

alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/vorgang-nummer.component.ts

@@ -27,13 +27,7 @@ import { Component, Input } from '@angular/core';
 @Component({
   selector: 'alfa-vorgang-nummer',
   templateUrl: './vorgang-nummer.component.html',
-  styles: [
-    `
-      :host {
-        @apply flex flex-1 flex-row gap-1;
-      }
-    `,
-  ],
+  styles: [':host {@apply flex flex-1 flex-row gap-1}'],
 })
 export class VorgangNummerComponent {
   @Input() vorgang: Vorgang;