chore: moved everything in components to components, now using alias …

…now and removed unused code

src/components/shared/header.astro → src/components/header.astro

@@ -58,38 +58,25 @@ import { Image } from "astro:assets";
 </div>
 
 <script>
-
+  const button = document.querySelector('.checkbox') as HTMLInputElement;
   function switchTheme() {
     const currentTheme = document.documentElement.getAttribute('data-theme');
     const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
-    const button = document.querySelector('.checkbox') as HTMLInputElement;
     document.documentElement.setAttribute('data-theme', newTheme);
     localStorage.setItem('theme', newTheme);
     button.checked = newTheme === 'dark';
   }
-
-  function setRandomBackgroundImage() {
-    const images = ['/background/1.webp'];
-    const randomImage = images[Math.floor(Math.random() * images.length)];
-    (document.getElementById('background-image') as HTMLImageElement).src =
-      randomImage;
-  }
-
   document.addEventListener('DOMContentLoaded', () => {
     const currentTheme = localStorage.getItem('theme');
-    const button = document.querySelector('.checkbox') as HTMLInputElement;
     if (currentTheme) {
       document.documentElement.setAttribute('data-theme', currentTheme);
       button.checked = currentTheme === 'dark';
-    } else {
-      document.documentElement.setAttribute('data-theme', 'dark');
-      localStorage.setItem('theme', 'dark');
-      button.checked = true;
+      return;
     }
-    setRandomBackgroundImage();
+    document.documentElement.setAttribute('data-theme', 'dark');
+    localStorage.setItem('theme', 'dark');
+    button.checked = true;
   });
-
-  const button = document.querySelector('.checkbox') as HTMLInputElement;
   button.addEventListener('click', switchTheme);
 </script>
 
@@ -203,4 +190,4 @@ li {
  box-shadow: 0px 0px 4px white;
  transform: translateX(24px);
 }
-</style>
+</style>

src/layouts/documents.astro

@@ -1,9 +1,9 @@
 ---
 import { twMerge } from "tailwind-merge";
-import Footer from "../components/shared/footer.astro";
+import Footer from "@component/footer.astro";
 // Components
-import Head from "../components/shared/head.astro";
-import Header from "../components/shared/header.astro";
+import Head from "@component/head.astro";
+import Header from "@component/header.astro"
 
 // Styles
 import "../styles/style.css";

src/layouts/error.astro

@@ -3,10 +3,10 @@
 const { errorNumber: errorNumberProp, Message } =
 	Astro.props.frontmatter || Astro.props;
 
-import Footer from "../components/shared/footer.astro";
+import Footer from "@component/footer.astro";
 // Components
-import Head from "../components/shared/head.astro";
-import Header from "../components/shared/header.astro";
+import Head from "@component/head.astro";
+import Header from "@component/header.astro"
 
 // Styles
 import "../styles/style.css";

src/layouts/layout.astro

@@ -1,7 +1,7 @@
 ---
-import Footer from "../components/shared/footer.astro";
-import Head from "../components/shared/head.astro";
-import Header from "../components/shared/header.astro";
+import Footer from "@component/footer.astro";
+import Head from "@component/head.astro";
+import Header from "@component/header.astro"
 
 import { twMerge } from "tailwind-merge";
 import "../styles/style.css";

src/pages/index.astro

@@ -1,6 +1,6 @@
 ---
-import CustomImage from "@component/shared/CustomImage.astro";
-import HeroImage from "@component/shared/HeroImage.astro";
+import CustomImage from "@component/CustomImage.astro";
+import HeroImage from "@component/HeroImage.astro";
 import Layout from "@layout/layout.astro";
 ---