Initial commit

frontend/src/pages/admin/Sources.tsx

@@ -0,0 +1,40 @@
+import { useAuth } from '../../contexts/AuthContext';
+import { useTranslation } from '../../contexts/LanguageContext';
+import { useSidebar } from '../../contexts/SidebarContext';
+import '../../styles/AdminPanel.css';
+
+export default function Sources() {
+    const { user: currentUser } = useAuth();
+    const { t } = useTranslation();
+    const { toggleMobileMenu } = useSidebar();
+
+    if (!currentUser?.is_superuser) {
+        return null;
+    }
+
+    return (
+        <main className="main-content admin-panel-root">
+            <div className="admin-tabs-container">
+                <div className="admin-tabs-slider">
+                    <button className="mobile-menu-btn" onClick={toggleMobileMenu} aria-label={t.theme.toggleMenu}>
+                        <span className="material-symbols-outlined">menu</span>
+                    </button>
+                    <div className="admin-title-section">
+                        <span className="material-symbols-outlined">database</span>
+                        <span className="admin-title-text">{t.sourcesPage.title}</span>
+                    </div>
+                </div>
+            </div>
+
+            <div className="admin-tab-content">
+                <div className="tab-content-placeholder">
+                    <div className="placeholder-icon">
+                        <span className="material-symbols-outlined">database</span>
+                    </div>
+                    <h3>{t.sourcesPage.title}</h3>
+                    <p>{t.sourcesPage.comingSoon}</p>
+                </div>
+            </div>
+        </main>
+    );
+}