fix: minor optical changes on the upload side

resources/views/livewire/upload/index.blade.php

@@ -7,11 +7,18 @@ new class extends Component
     //
 }; ?>
 
-<div class="min-h-screen bg-gray-50 dark:bg-zinc-900 py-12 px-4 sm:px-6 lg:px-8">
-    <div class="max-w-2xl mx-auto">
-        <div class="bg-white dark:bg-zinc-800 shadow rounded-lg p-8">
-            <flux:heading size="xl" class="mb-2">{{ __('File Upload') }}</flux:heading>
-            <flux:subheading class="mb-8">{{ __('Upload files to the processing endpoint') }}</flux:subheading>
+<div class="flex flex-col gap-8">
+    <section class="rounded-3xl border border-slate-200/70 bg-white/95 p-8 shadow-sm backdrop-blur dark:border-slate-700/70 dark:bg-slate-900/90">
+        <div class="max-w-2xl space-y-2">
+            <flux:heading size="xl">{{ __('Upload neuer Transaktionen als CSV Datei') }}</flux:heading>
+            <flux:text>
+                {{ __('Hochladen der Datei zur Verarbeitung durch die Trusted AI Plattform') }}
+            </flux:text>
+        </div>
+    </section>
+
+    <section class="rounded-3xl border border-zinc-200/70 bg-white/95 p-8 shadow-sm backdrop-blur dark:border-zinc-700/70 dark:bg-zinc-900/90">
+        <div class="max-w-2xl mx-auto">
 
             <div x-data="{
                 file: null,
@@ -137,5 +144,5 @@ new class extends Component
                 </ul>
             </div>
         </div>
-    </div>
+    </section>
 </div>