I GOT COMPANY API DATA ON THE PAGE AHHHHHHH

src/routes/+error.svelte

@@ -0,0 +1,169 @@
+<script>
+  import { goto } from "$app/navigation";
+
+  function signOut() {
+    goto("/logout");
+  }
+
+  function goBack() {
+    history.back();
+  }
+</script>
+
+<svelte:head>
+  <title>Error — App</title>
+</svelte:head>
+
+<header class="header container">
+  <h1>Error</h1>
+  <nav>
+    <a href="/">Home</a>
+    <button on:click={signOut}>Sign out</button>
+  </nav>
+</header>
+
+<main class="container">
+  <section class="error-section">
+    <div class="error-box">
+      <h2>Oops! Something went wrong</h2>
+      <p class="error-message">
+        We encountered an error while processing your request. Please try again
+        or contact support if the problem persists.
+      </p>
+      <div class="error-actions">
+        <button class="btn btn-primary" on:click={goBack}>Go Back</button>
+        <a href="/" class="btn btn-secondary">Go Home</a>
+      </div>
+    </div>
+  </section>
+</main>
+
+<footer class="container">
+  <small>© {new Date().getFullYear()} Your App</small>
+</footer>
+
+<style>
+  :global(body) {
+    margin: 0;
+    font-family:
+      system-ui,
+      -apple-system,
+      "Segoe UI",
+      Roboto,
+      "Helvetica Neue",
+      Arial;
+    background: #f7f7f8;
+    color: #111;
+  }
+
+  .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 1rem;
+  }
+
+  header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid #e5e7eb;
+    background: #fff;
+  }
+
+  nav {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+  }
+
+  nav a,
+  nav button {
+    padding: 0.5rem 1rem;
+    text-decoration: none;
+    color: #0066cc;
+    border: none;
+    background: none;
+    cursor: pointer;
+    font-size: 1rem;
+  }
+
+  nav a:hover,
+  nav button:hover {
+    text-decoration: underline;
+  }
+
+  main {
+    padding: 2rem 1rem;
+  }
+
+  .error-section {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 400px;
+  }
+
+  .error-box {
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    padding: 2rem;
+    max-width: 500px;
+    text-align: center;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  }
+
+  .error-box h2 {
+    margin: 0 0 1rem;
+    color: #d32f2f;
+    font-size: 1.5rem;
+  }
+
+  .error-message {
+    color: #666;
+    margin: 1rem 0 2rem;
+    line-height: 1.6;
+  }
+
+  .error-actions {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+  }
+
+  .btn {
+    padding: 0.75rem 1.5rem;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 1rem;
+    text-decoration: none;
+    display: inline-block;
+    transition: all 0.3s ease;
+  }
+
+  .btn-primary {
+    background: #0066cc;
+    color: white;
+  }
+
+  .btn-primary:hover {
+    background: #0052a3;
+  }
+
+  .btn-secondary {
+    background: #e5e7eb;
+    color: #111;
+  }
+
+  .btn-secondary:hover {
+    background: #d1d5db;
+  }
+
+  footer {
+    text-align: center;
+    padding: 2rem 1rem;
+    border-top: 1px solid #e5e7eb;
+    color: #666;
+  }
+</style>