feat: switched the dashboard to a better, sexier one

Author: syntaxlexx

resources/css/app.css

@@ -164,3 +164,6 @@ table .actions {
     /* display: none; */
     width: 0px;
 }
+.dark ::-webkit-scrollbar-thumb {
+    background: #6e4695;
+}

resources/ts/Components/AdminSidebar.svelte

@@ -164,7 +164,8 @@
         <div class="mt-12 border-t border-warm-gray-700 pt-8">
             <p class="text-base text-warm-gray-400 xl:text-center">
                 &copy; {new Date().getFullYear()}
-                {$page.props.siteName}. All rights reserved. Backed up by <a href="https://acelords.com">AceLords</a>
+                {$page.props.siteName}. All rights reserved. Backed up by
+                <a href="https://acelords.com" target="_blank">AceLords</a>
             </p>
         </div>
     </div>

resources/ts/Components/Footer.svelte

@@ -1,12 +1,14 @@
+<script lang="ts">
+    export let bgColor = 'bg-primary-50 dark:bg-primary-900'
+</script>
+
 <div class="relative mb-10">
-	<div class="absolute inset-0 flex items-center" aria-hidden="true">
-		<div class="w-full border-t border-primary-500" />
-	</div>
-	<div class="relative flex justify-start">
-		<span
-			class="pr-3 bg-primary-50 dark:bg-primary-900 text-2xl font-bold text-primary-700 dark:text-primary-300"
-		>
-			<slot />
-		</span>
-	</div>
+    <div class="absolute inset-0 flex items-center" aria-hidden="true">
+        <div class="w-full border-t border-primary-500" />
+    </div>
+    <div class="relative flex justify-start">
+        <span class="pr-3 {bgColor} text-2xl font-bold text-primary-700 dark:text-primary-300">
+            <slot />
+        </span>
+    </div>
 </div>