migrate to tw 4 and daisy 5

apps/hub/app/(app)/layout.tsx

@@ -35,12 +35,12 @@ export default async function RootLayout({
           <HorizontalNav />
 
           {/* Hauptlayout: Sidebar + Content (nimmt Resthöhe ein) */}
-          <div className="flex flex-grow overflow-hidden">
+          <div className="flex grow overflow-hidden">
             {/* Linke Sidebar */}
             <VerticalNav />
 
             {/* Scrollbarer Content-Bereich */}
-            <div className="flex-grow bg-base-100 p-6 rounded-lg shadow-md ml-4 overflow-auto h-full">
+            <div className="grow bg-base-100 p-6 rounded-lg shadow-md ml-4 overflow-auto h-full">
               {children}
             </div>
           </div>

apps/hub/app/globals.css

@@ -1,6 +1,22 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
 
 :root {
   --background: #ffffff;