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 }) {