fix(page-manager): correct German umlaut encoding in UI text strings

Author: zerox80

src/components/page-manager/PageForm.jsx

@@ -18,14 +18,14 @@ const defaultHeroJson = JSON.stringify(
 const defaultHeroTitle = normalizeTitle(JSON.parse(defaultHeroJson).title, '')
 const defaultLayoutConfig = {
   aboutSection: {
-    title: '�ober diese Seite',
+    title: 'Über diese Seite',
   },
   postsSection: {
-    title: 'Beitr��ge',
-    emptyTitle: 'Keine Beitr��ge vorhanden',
-    emptyMessage: 'Sobald fǬr diese Seite Beitr��ge ver��ffentlicht werden, erscheinen sie hier.',
-    countLabelSingular: '{count} ver��ffentlichter Beitrag',
-    countLabelPlural: '{count} ver��ffentlichte Beitr��ge',
+    title: 'Beiträge',
+    emptyTitle: 'Keine Beiträge vorhanden',
+    emptyMessage: 'Sobald für diese Seite Beiträge veröffentlicht werden, erscheinen sie hier.',
+    countLabelSingular: '{count} veröffentlichter Beitrag',
+    countLabelPlural: '{count} veröffentlichte Beiträge',
   },
 }
 const defaultLayoutJson = JSON.stringify(defaultLayoutConfig, null, 2)

src/components/page-manager/PageList.jsx

@@ -6,7 +6,7 @@ const PageList = ({ pages, loading, selectedPageId, onSelect, onEdit, onDelete }
     return (
       <div className="space-y-4">
         <div className="rounded-2xl border border-gray-200 bg-white p-8 text-center text-gray-500 dark:border-gray-700 dark:bg-slate-900 dark:text-gray-400">
-          Seiten werden geladen�?�
+          Seiten werden geladen...
         </div>
       </div>
     )
@@ -16,7 +16,7 @@ const PageList = ({ pages, loading, selectedPageId, onSelect, onEdit, onDelete }
     return (
       <div className="space-y-4">
         <div className="rounded-2xl border border-dashed border-gray-300 bg-gray-50 p-10 text-center text-gray-600 dark:border-gray-600 dark:bg-slate-900/50 dark:text-gray-300">
-          Noch keine Seiten vorhanden. Erstelle deine erste Seite, um Beitr��ge zu ver��ffentlichen.
+          Noch keine Seiten vorhanden. Erstelle deine erste Seite, um Beiträge zu veröffentlichen.
         </div>
       </div>
     )
@@ -47,7 +47,7 @@ const PageList = ({ pages, loading, selectedPageId, onSelect, onEdit, onDelete }
                   ) : (
                     <EyeOff className="h-3.5 w-3.5" />
                   )}
-                  {page.is_published ? 'Ver��ffentlicht' : 'Entwurf'}
+                  {page.is_published ? 'Veröffentlicht' : 'Entwurf'}
                 </span>
                 {page.show_in_nav && (
                   <span className="inline-flex items-center gap-1 rounded-full bg-blue-50 px-2.5 py-1 text-blue-700">
@@ -73,7 +73,7 @@ const PageList = ({ pages, loading, selectedPageId, onSelect, onEdit, onDelete }
                       : 'border-gray-200 text-gray-600 hover:bg-gray-50 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800'
                   }`}
                 >
-                  <Layers className="h-4 w-4" /> Beitr��ge ansehen
+                  <Layers className="h-4 w-4" /> Beiträge ansehen
                 </button>
                 <button
                   onClick={() => onEdit(page)}
@@ -85,7 +85,7 @@ const PageList = ({ pages, loading, selectedPageId, onSelect, onEdit, onDelete }
                   onClick={() => onDelete(page)}
                   className="inline-flex items-center gap-2 rounded-lg border border-red-200 px-3 py-1.5 text-sm text-red-700 hover:bg-red-50 dark:border-red-900/40 dark:text-red-200 dark:hover:bg-red-900/30"
                 >
-                  <Trash2 className="h-4 w-4" /> L��schen
+                  <Trash2 className="h-4 w-4" /> Löschen
                 </button>
               </div>
             </div>

src/components/page-manager/PageStats.jsx

@@ -13,7 +13,7 @@ const PageStats = ({ navigation, publishedSlugs, pages, selectedPage }) => {
           <div>
             <p className="text-sm font-semibold text-gray-900 dark:text-gray-100">Navigation</p>
             <p className="text-xs text-gray-500 dark:text-gray-400">
-              {dynamicPagesInNav} dynamische Seite{dynamicPagesInNav === 1 ? '' : 'n'} im MenǬ
+              {dynamicPagesInNav} dynamische Seite{dynamicPagesInNav === 1 ? '' : 'n'} im Menü
             </p>
           </div>
         </div>
@@ -38,9 +38,9 @@ const PageStats = ({ navigation, publishedSlugs, pages, selectedPage }) => {
         <div className="flex items-center gap-3 border-b border-gray-100 pb-4 mb-4 dark:border-gray-800">
           <Eye className="h-5 w-5 text-green-600" />
           <div>
-            <p className="text-sm font-semibold text-gray-900 dark:text-gray-100">Ver��ffentlichungen</p>
+            <p className="text-sm font-semibold text-gray-900 dark:text-gray-100">Veröffentlichungen</p>
             <p className="text-xs text-gray-500 dark:text-gray-400">
-              {totalPublishedPages} ver��ffentlichte Seite{totalPublishedPages === 1 ? '' : 'n'}
+              {totalPublishedPages} veröffentlichte Seite{totalPublishedPages === 1 ? '' : 'n'}
             </p>
           </div>
         </div>
@@ -54,27 +54,27 @@ const PageStats = ({ navigation, publishedSlugs, pages, selectedPage }) => {
             </div>
           ))}
           {totalPublishedPages === 0 && (
-            <p className="text-sm text-gray-500 dark:text-gray-400">Noch keine Seite ver��ffentlicht.</p>
+            <p className="text-sm text-gray-500 dark:text-gray-400">Noch keine Seite veröffentlicht.</p>
           )}
         </div>
       </div>
       <div className="rounded-2xl border border-gray-200 bg-white p-5 shadow-sm dark:border-gray-700 dark:bg-slate-900">
         <div className="flex items-center gap-3 border-b border-gray-100 pb-4 mb-4 dark:border-gray-800">
           <Layers className="h-5 w-5 text-indigo-600" />
           <div>
-            <p className="text-sm font-semibold text-gray-900 dark:text-gray-100">SeitenǬbersicht</p>
+            <p className="text-sm font-semibold text-gray-900 dark:text-gray-100">Seitenübersicht</p>
             <p className="text-xs text-gray-500 dark:text-gray-400">
               {pages.length} Seite{pages.length === 1 ? '' : 'n'} insgesamt
             </p>
           </div>
         </div>
         <div className="space-y-3 text-sm text-gray-600 dark:text-gray-300">
           <p>
-            <span className="font-semibold">Ausgew��hlt:</span>{' '}
-            {selectedPage ? selectedPage.title : 'Keine Seite ausgew��hlt'}
+            <span className="font-semibold">Ausgewählt:</span>{' '}
+            {selectedPage ? selectedPage.title : 'Keine Seite ausgewählt'}
           </p>
           <p>
-            <span className="font-semibold">EntwǬrfe:</span>{' '}
+            <span className="font-semibold">Entwürfe:</span>{' '}
             {pages.filter((page) => !page.is_published).length}
           </p>
         </div>