Refactored pages to correct locations

Hosts/Moonlight.Frontend.Host/Styles/styles.css

@@ -6,13 +6,13 @@
 @import "./theme.css";
 @source "./node_modules/shadcnblazor/classes.json";
 
-@source "../../Moonlight.Api/**/*.razor";
+@source "../../../Moonlight.Api/**/*.razor";
-@source "../../Moonlight.Api/**/*.cs";
+@source "../../../Moonlight.Api/**/*.cs";
-@source "../../Moonlight.Api/**/*.html";
+@source "../../../Moonlight.Api/**/*.html";
 
-@source "../../Moonlight.Frontend/**/*.razor";
+@source "../../../Moonlight.Frontend/**/*.razor";
-@source "../../Moonlight.Frontend/**/*.cs";
+@source "../../../Moonlight.Frontend/**/*.cs";
-@source "../../Moonlight.Frontend/**/*.html";
+@source "../../../Moonlight.Frontend/**/*.html";
 
 @custom-variant dark (&:is(.dark *));
 

Moonlight.Frontend/UI/Admin/Views/Settings/Index.razor

@@ -0,0 +1,46 @@
+@page "/admin/settings"
+@using LucideBlazor
+@using ShadcnBlazor.Buttons
+@using ShadcnBlazor.Cards
+@using ShadcnBlazor.Inputs
+@using ShadcnBlazor.Tab
+@using ShadcnBlazor.Labels
+
+<Tabs DefaultValue="customization">
+    <TabsList ClassName="inline-flex w-full lg:w-fit justify-start overflow-x-auto overflow-y-hidden">
+        <TabsTrigger Value="customization">
+            <PaintRollerIcon />
+            Customization
+        </TabsTrigger>
+        <TabsTrigger Value="authentication">
+            <ScanFaceIcon />
+            Authentication
+        </TabsTrigger>
+        <TabsTrigger Value="api">
+            <KeyIcon />
+            API & API Keys
+        </TabsTrigger>
+        <TabsTrigger Value="diagnose">
+            <HeartPulseIcon />
+            Diagnose
+        </TabsTrigger>
+    </TabsList>
+    <TabsContent Value="customization">
+        <Card ClassName="mt-5">
+            <CardContent>
+                <div class="grid grid-cols-1 lg:grid-cols-3 gap-5">
+                    <div class="col-span-1 grid gap-3">
+                        <Label for="instance-name">Instance Name</Label>
+                        <InputField id="instance-name" />
+                    </div>
+                </div>
+            </CardContent>
+            <CardFooter ClassName="justify-end">
+                <Button>
+                    <SaveIcon />
+                    Save changes
+                </Button>
+            </CardFooter>
+        </Card>
+    </TabsContent>
+</Tabs>

Moonlight.Frontend/UI/App.razor

@@ -1,9 +1,9 @@
 @using LucideBlazor
 @using Microsoft.AspNetCore.Components.Authorization
+@using Moonlight.Frontend.UI.Shared
 @using ShadcnBlazor.Emptys
-@using Moonlight.Frontend.UI.Components.Auth
+@using Moonlight.Frontend.UI.Shared.Components.Auth
-@using Moonlight.Frontend.UI.Partials
+@using Moonlight.Frontend.UI.Shared.Partials
-@using Moonlight.Frontend.UI.Views
 
 <ErrorBoundary>
     <ChildContent>