feat: add header/sidebar to students-home + import bulma

frontend/src/main.tsx

@@ -8,6 +8,8 @@ import LoginScreen from "./pages/login/LoginScreen.tsx";
 import HomeAdmin from "./pages/admin/HomeAdmin.tsx";
 import HomeStudent from "./pages/student/HomeStudent.tsx";
 import HomeTeacher from "./pages/teacher/HomeTeacher.tsx";
+import 'bulma/css/bulma.min.css';
+import './assets/styles/mainpage.css'
 
 const router = createBrowserRouter([
     {
@@ -33,7 +35,7 @@ const router = createBrowserRouter([
     }
 ]);
 ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <RouterProvider router={router}/>
-  </React.StrictMode>,
+    <React.StrictMode>
+        <RouterProvider router={router}/>
+    </React.StrictMode>,
 )

frontend/src/pages/student/HomeStudent.tsx

@@ -1,7 +1,21 @@
 import {JSX} from "react";
+import {Header} from "../../components/Header.tsx";
+import {Sidebar} from "../../components/Sidebar.tsx";
 
 export default function HomeStudent(): JSX.Element {
     return (
-        <>Homescreen for a student</>
+        <>
+            <div className={"main-header"}>
+                <Header/>
+            </div>
+            <div className={"main-content is-flex is-flex-direction-row"}>
+                <div className={"side-bar"}>
+                    <Sidebar/>
+                </div>
+                <div>
+                    <>Homescreen for a student</>
+                </div>
+            </div>
+        </>
     )
 }