Update interface text to German for better user experience

Translate UI elements and messages from English to German across various components and pages, including video availability, loading states, and recommendations.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/9NQBiz8

client/src/components/bunny-video-modal.tsx

@@ -220,7 +220,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
                 />
               ) : (
                 <div className="absolute inset-0 flex items-center justify-center text-white">
-                  <p>Video not available</p>
+                  <p>Video nicht verfügbar</p>
                 </div>
               )}
               

client/src/components/video-grid.tsx

@@ -88,11 +88,11 @@ export default function VideoGrid({ videos, isLoading, hasMore, onLoadMore, view
             {isLoading ? (
               <>
                 <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white"></div>
-                <span>Loading...</span>
+                <span>Wird geladen...</span>
               </>
             ) : (
               <>
-                <span>Load More Videos</span>
+                <span>Weitere Videos laden</span>
                 <ChevronDown className="w-4 h-4" />
               </>
             )}

client/src/pages/FolxStadlPage.tsx

@@ -49,7 +49,7 @@ export default function FolxStadlPage() {
   if (isLoading) {
     return (
       <div className="min-h-screen bg-bunny-dark flex items-center justify-center">
-        <div className="text-white text-xl">Loading...</div>
+        <div className="text-white text-xl">Wird geladen...</div>
       </div>
     );
   }

client/src/pages/VideoPage.tsx

@@ -411,7 +411,7 @@ export default function VideoPage() {
                 />
               ) : (
                 <div className="absolute inset-0 flex items-center justify-center text-white">
-                  <p>Video not available</p>
+                  <p>Video nicht verfügbar</p>
                 </div>
               )}
             </div>
@@ -487,7 +487,7 @@ export default function VideoPage() {
 
           {/* Recommended videos sidebar */}
           <div className="w-full lg:w-96">
-            <h2 className="text-lg font-semibold text-bunny-light mb-4">Recommended Videos</h2>
+            <h2 className="text-lg font-semibold text-bunny-light mb-4">Empfohlene Videos</h2>
             
             <div className="space-y-2">
               {recommendedVideos.slice(0, 10).map((video) => (