fix routes and padding of profile

code/frontend/src/components/profile/Bio.tsx

@@ -3,7 +3,6 @@ import TextField from "@mui/material/TextField";
 import StyledEngineProvider from "@mui/styled-engine/StyledEngineProvider";
 import { useState } from "react";
 import "./bio.css";
-import "../styles/colors.css";
 import IconButton from "@mui/material/IconButton";
 import EditSquareIcon from "@mui/icons-material/EditSquare";
 import ButtonPrimary from "../ButtonRotkehlchen";

code/frontend/src/components/profile/QuiltedImageList.tsx

@@ -2,9 +2,9 @@ import ImageListItem from "@mui/material/ImageListItem";
 import { StyledEngineProvider } from "@mui/material/styles";
 import "./quiltedImageList.css";
 import { Box, Grid, Skeleton } from "@mui/material";
-import api from "../api/axios";
+import api from "../../api/axios";
 import { useEffect, useState } from "react";
-import { UserProfile } from "../types/UserProfile";
+import { UserProfile } from "../../types/UserProfile";
 import { useNavigate } from "react-router-dom";
 
 export default function StandardImageList({ user }: { user: UserProfile }) {

code/frontend/src/components/profile/Username.tsx

@@ -1,5 +1,5 @@
 import { Popover, Typography } from "@mui/material";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import "./username.css";
 
 export default function Username({ username }: { username: string }) {

code/frontend/src/pages/Profile.tsx

@@ -1,8 +1,4 @@
 import "./profile.css";
-import "../components/bio.css";
-import "./loginAndSignUpPage.css";
-import "../styles/sizes.css";
-import "../styles/fonts.css";
 import QuiltedImageList from "../components/profile/QuiltedImageList";
 import { StyledEngineProvider, Divider } from "@mui/material";
 import ChangeAvatarDialog from "../components/profile/ChangeAvatarDialog";

code/frontend/src/pages/profile.css

@@ -1,5 +1,5 @@
 .profile-display {
-  padding-top: calc(var(--Header-height) + 1rem);
+  padding-top: 1rem;
   min-height: 100vh;
 }