Add icon to maintence page and switch to hash-based routing

public/config.js

@@ -9,7 +9,7 @@ window.__CONFIG__ = {
   VITE_DMCA_EMAIL: "sudo-flix@proton.me",
 
   // Whether to disable hash-based routing, leave this as false if you don't know what this is
-  VITE_NORMAL_ROUTER: false,
+  VITE_NORMAL_ROUTER: true,
 
   // The backend URL to communicate with, defaults to the movie-web hosted one at backend.movie-web.app
   VITE_BACKEND_URL: "https://sudo-flix-backend.lol", // "https://mw-backend.lonelil.com",

src/assets/locales/en.json

@@ -185,6 +185,7 @@
     "title": "Couldn't find that page"
   },
   "downtimeNotice": {
+    "badge": "Maintenance",
     "goHome": "Go home",
     "message": "sudo-flix.lol is dedicated to providing its users with the most up-to-date and stable experience in order to do this we must maintain and update our servers. Expect downtime between the below times.",
     "timeFrame": "<bold>March 4th 3:00 PM - 3:30 AM</bold>",

src/setup/App.tsx

@@ -15,6 +15,8 @@ import {
 import { convertLegacyUrl, isLegacyUrl } from "@/backend/metadata/getmeta";
 import { generateQuickSearchMediaUrl } from "@/backend/metadata/tmdb";
 import { Button } from "@/components/buttons/Button";
+import { Icons } from "@/components/Icon";
+import { IconPill } from "@/components/layout/IconPill";
 import { Navigation } from "@/components/layout/Navigation";
 import { Title } from "@/components/text/Title";
 import { Paragraph } from "@/components/utils/Text";
@@ -184,6 +186,10 @@ function App() {
           <div className="flex h-full flex-1 flex-col items-center justify-center p-5 text-center">
             <ErrorLayout>
               <ErrorContainer>
+                <IconPill icon={Icons.WARNING}>
+                  {t("downtimeNotice.badge")}
+                </IconPill>
+
                 <Title>{t("downtimeNotice.title")}</Title>
                 <Paragraph>{t("downtimeNotice.message")}</Paragraph>
                 <Trans