error improvements

revampdashboard/playwright.config.ts

@@ -1,10 +1,10 @@
-import { defineConfig } from "@playwright/test";
+import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
 	webServer: {
-    command: "npm run build && npm run preview",
-    port: 4173,
+		command: 'pnpm run build && pnpm run preview',
+		port: 4173
 	},
 
-  testDir: "e2e",
+	testDir: 'e2e'
 });

revampdashboard/src/routes/+page.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <div class="splash">
-  <div id="error">
+  <div id="error" class:has-error={data.error}>
     {data.error}
   </div>
   <div class="wrapper">
@@ -58,6 +58,27 @@
       color: #fff;
     }
 
+    & > #error {
+      width: 100%;
+      max-width: 750px;
+      flex-direction: row;
+      justify-content: center;
+      margin-top: 16px;
+
+      &.has-error {
+        display: flex;
+      }
+
+      & .message {
+        flex: 0 1 auto;
+        text-align: left;
+        padding: 8px 12px;
+        background-color: #404040;
+        border-radius: 4px;
+        box-shadow: 0 3px 12px -2px hsla(0, 0%, 0%, 0.2);
+      }
+    }
+
     & .wrapper {
       flex: 0 0 auto;