feat: link and directory improvements

Changing pages now happens via Link, directory has gotten a layout change with app becoming a starting point and every page requireing their own .tsx and .css file.
Components have also been added where reocurring componennts can be made and reapplied in the project.

ref: N25B-96

src/pages/Home/Home.module.css

@@ -0,0 +1,7 @@
+
+.read_the_docs {
+  color: #888;
+}
+.card {
+  padding: 2em;
+}

src/pages/Home/Home.tsx

@@ -0,0 +1,42 @@
+import { useState } from 'react'
+import { Link } from 'react-router'
+import reactLogo from '../../assets/react.svg'
+import viteLogo from '../../assets/vite.svg'
+import style from './Home.module.css'
+import Counter from '../../components/components.tsx'
+
+function Home() {
+  
+
+
+  return (
+    <>
+      <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" />
+        </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>
+    </>
+  )
+}
+
+export default Home

src/pages/TemplatePage/Template.module.css

@@ -0,0 +1,4 @@
+button.reset:hover {
+  background-color: yellow;
+}
+

src/pages/TemplatePage/Template.tsx

@@ -0,0 +1,24 @@
+import { useState } from 'react'
+import { Link } from 'react-router'
+import Counter from '../../components/components.tsx'
+import style from './Template.module.css'
+
+//this is your css file where you can style your buttons and such
+//you can still use css parts from App.css, but also overwrite them
+
+function TemplatePage() {
+  
+
+  return (
+    <>
+      <Counter />
+      <Link to = {"/"}> {/* here you link to the homepage, in App.tsx you can link new pages */}
+        <button className= 'movePage left' onClick={() :void => {}}>
+          Page {'<'}-- Go Home
+        </button>
+      </Link>
+    </>
+  )
+}
+
+export default TemplatePage