style: move sidebar to root folder

app/styles/Sidebar.module.css

@@ -1,63 +0,0 @@
-.sidebar {
-  width: 280px;
-  height: 100vh;
-  background: #050505;
-  border-right: 2px solid #1a1a1a;
-  display: flex;
-  flex-direction: column;
-  padding: 2.5rem 1.5rem;
-  color: #c9c9c9;
-  font-family: 'Oswald', 'Roboto Condensed', sans-serif;
-  letter-spacing: 0.02em;
-}
-
-.title {
-  font-size: 1.25rem;
-  text-transform: uppercase;
-  color: #e4e4e4;
-  margin-bottom: 2.5rem;
-  padding-bottom: 0.5rem;
-  border-bottom: 2px solid #330000;
-  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-}
-
-.navLink {
-  display: block;
-  padding: 0.8rem 1rem;
-  margin-bottom: 0.25rem;
-  text-decoration: none;
-  color: #777777;
-  text-transform: uppercase;
-  font-size: 0.85rem;
-  position: relative;
-  transition: all 0.1s ease-in;
-  background: transparent;
-  border-left: 3px solid transparent;
-}
-
-.navLink:hover {
-  color: #ffffff;
-  background: linear-gradient(90deg, #1a0000, transparent);
-  border-left: 3px solid #a30000;
-}
-
-.syncButton {
-  margin-top: auto;
-  padding: 1rem;
-  background: #0a0a0a;
-  border: 1px solid #4a0000;
-  color: #a30000;
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: 0.9rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  letter-spacing: 0.1em;
-}
-
-.syncButton:hover {
-  background: #a30000;
-  color: #ffffff;
-  border-color: #ff0000;
-  box-shadow: 0 0 10px #7f0000;
-}

components/Sidebar.tsx

@@ -2,12 +2,13 @@ import Link from "next/link";
 
 import styles from '../styles/Sidebar.module.css';
 
-const Sidebar = () => {
+export default function Sidebar() {
   return (
     <aside className={styles.sidebar}>
       <h1 className={styles.title}>Hex: Unlocked</h1>
 
       <nav>
+        <Link href="/" className={styles.navLink}>Dashboard</Link>
         <Link href="/characters" className={styles.navLink}>Characters</Link>
         <Link href="/customizations" className={styles.navLink}>Customizations</Link>
         <Link href="/items" className={styles.navLink}>Items</Link>
@@ -19,6 +20,4 @@ const Sidebar = () => {
       </button>
     </aside>
   );
-};
+};
-
-export default Sidebar;