UX: Skeleton-Ladebildschirm (Seitenstruktur statt Text), shadcn Skeleton

src/App.tsx

@@ -2,6 +2,7 @@ import { Routes, Route, Navigate } from 'react-router'
 import { Component, Suspense, lazy, type ReactNode } from 'react'
 import { StoreProvider, useStore } from './store/store'
 import AppLayout from './components/AppLayout'
+import LadeSkeleton from './components/LadeSkeleton'
 import Login from './pages/Login'
 
 // Seiten werden beim ersten Aufruf nachgeladen (Code-Splitting) –
@@ -51,14 +52,7 @@ class FehlerGrenze extends Component<{ children: ReactNode }, { fehler: boolean
 }
 
 function Ladebildschirm() {
-  return (
-    <div className="flex min-h-screen items-center justify-center bg-[#22333b]">
-      <div className="text-center text-slate-300">
-        <div className="text-lg font-semibold text-white">Hinterstein Immobilien</div>
-        <div className="mt-1 text-sm">Mieterportal wird geladen …</div>
-      </div>
-    </div>
-  )
+  return <LadeSkeleton />
 }
 
 function RequireAuth({ children }: { children: React.ReactElement }) {