feat: frontend folder structure

frontend/src/App.tsx

@@ -1,9 +1,9 @@
-import { useState } from 'react'
+import {JSX, useState} from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
 import './App.css'
 
-function App() {
+function App(): JSX.Element {
   const [count, setCount] = useState(0)
 
   return (

frontend/src/components/ProjectCard.tsx

@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function ProjectCard(): JSX.Element {
+    return (
+        <>Project - Subject</>
+    )
+}

frontend/src/pages/admin/HomeAdmin.tsx

@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function HomeAdmin(): JSX.Element {
+    return (
+        <>Homescreen for an admin</>
+    )
+}

frontend/src/pages/login/LoginScreen.tsx

@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function LoginScreen(): JSX.Element {
+    return (
+        <>Login screen</>
+    )
+}

frontend/src/pages/student/HomeStudent.tsx

@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function HomeStudent(): JSX.Element {
+    return (
+        <>Homescreen for a student</>
+    )
+}

frontend/src/pages/teacher/HomeTeacher.tsx

@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function HomeTeacher(): JSX.Element {
+    return (
+        <>Homescreen for a teacher</>
+    )
+}