feat: basic home page

Created a basic home page with links, a header with a link to home, some basic reusable CSS classes.

ref: N25B-38

src/pages/Home/Home.tsx

@@ -1,48 +1,19 @@
-import { useState } from 'react'
 import { Link } from 'react-router'
-import reactLogo from '../../assets/react.svg'
-import viteLogo from '../../assets/vite.svg'
 import pepperLogo from '../../assets/pepper_transp2_small.svg'
-import style from './Home.module.css'
-import Counter from '../../components/components.tsx'
+import styles from './Home.module.css'
 
 function Home() {
-  
-
-
   return (
-    <>
-      <div>
-        <div className = "logoPepperScaling">
-          <a href="https://git.science.uu.nl/ics/sp/2025/n25b" target="_blank">
-            <img src={pepperLogo} className="logopepper" alt="Pepper logo" />
-          </a>
-        </div>
-        
-        <a href="https://vite.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
+    <div className={`flex-col ${styles.gapXl}`}>
+      <div className="logoPepperScaling">
+        <a href="https://git.science.uu.nl/ics/sp/2025/n25b" target="_blank">
+          <img src={pepperLogo} className="logopepper" alt="Pepper logo" />
         </a>
       </div>
-      <h1>Vite + React</h1>
-      
-        <Counter />
-        <Link to = '/Template'>
-            <button className='movePage right' onClick={() : void => {}}>
-            Page Cool --{'>'}
-            </button>
-        </Link>
-        
-        <p>
-            Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      
-      <p className={style.read_the_docs}>
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
+      <div className={styles.links}>
+        <Link to={"/template"}>Template →</Link>
+      </div>
+    </div>
   )
 }