change src imports to use @

Author: hermannm

frontend/src/components/Title/variants/styles.ts

@@ -2,7 +2,7 @@ import { CSSProperties } from "@emotion/serialize";
 import { Box } from "@mui/material";
 import { styled } from "@mui/material/styles";
 
-import { HEADER_DESKTOP_HEIGHT, HEADER_MOBILE_HEIGHT } from "src/theme/constants";
+import { HEADER_DESKTOP_HEIGHT, HEADER_MOBILE_HEIGHT } from "@/theme/constants";
 
 type RootProps = {
  disableGutters?: boolean;

frontend/src/components/pages/about/AboutSidebar.tsx

@@ -1,6 +1,6 @@
 import { Box } from "@mui/material";
 
-import { HEADER_DESKTOP_HEIGHT } from "src/theme/constants";
+import { HEADER_DESKTOP_HEIGHT } from "@/theme/constants";
 
 import { NavigationSidebar } from "../../";
 

frontend/src/components/pages/profile/ProfileCard/variants/PersonalCard.tsx

@@ -1,6 +1,6 @@
 import { Grid, Skeleton, Typography } from "@mui/material";
 
-import { User } from "src/types/users";
+import { User } from "@/types/users";
 import Profile from "~/public/illustrations/Profile.svg";
 
 import ProfileCardBase from "./ProfileCardBase";

frontend/src/components/pages/profile/UserForm/index.tsx

@@ -29,7 +29,7 @@ import {
 } from "@/components/pages/profile/UserForm/helpers";
 import { UPDATE_USER } from "@/graphql/users/mutations";
 import { EDIT_USER_QUERY } from "@/graphql/users/queries";
-import { EditUser } from "src/types/users";
+import { EditUser } from "@/types/users";
 
 type Props = {
  kind: "register" | "update";

frontend/src/layouts/styles.ts

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 
-import { HEADER_DESKTOP_HEIGHT, HEADER_MOBILE_HEIGHT } from "src/theme/constants";
+import { HEADER_DESKTOP_HEIGHT, HEADER_MOBILE_HEIGHT } from "@/theme/constants";
 
 export const RootStyle = styled("div")(({ theme }) => ({
  marginTop: HEADER_MOBILE_HEIGHT,

frontend/src/lib/theme.tsx

@@ -9,7 +9,7 @@ import {
 import Head from "next/head";
 import React, { useMemo } from "react";
 
-import { getDesignTokens } from "src/theme";
+import { getDesignTokens } from "@/theme";
 
 interface Props {
  children: React.ReactNode;

frontend/src/pages/-/health/index.tsx

@@ -3,7 +3,7 @@ import { GetServerSideProps, InferGetServerSidePropsType } from "next";
 
 import { GET_USER_INFO } from "@/graphql/users/queries";
 import { addApolloState, initializeApollo } from "@/lib/apolloClient";
-import { User } from "src/types/users";
+import { User } from "@/types/users";
 
 const HealthPage = ({ user }: InferGetServerSidePropsType<typeof getServerSideProps>): JSX.Element => {
  const { data } = useQuery<{ user: User }>(GET_USER_INFO, {

frontend/src/pages/about/board.tsx

@@ -6,8 +6,7 @@ import MemberCard from "@/components/pages/about/MemberCard";
 import { BoardMember } from "@/components/pages/about/MemberCard/types";
 import Template from "@/components/pages/about/Template";
 import Layout from "@/layouts/Layout";
-
-import { NextPageWithLayout } from "../_app";
+import { NextPageWithLayout } from "@/pages/_app";
 
 const BoardPage: NextPageWithLayout = () => {
  const boardMembers: BoardMember[] = [

frontend/src/pages/about/index.tsx

@@ -3,8 +3,7 @@ import React from "react";
 
 import Template from "@/components/pages/about/Template";
 import Layout from "@/layouts/Layout";
-
-import { NextPageWithLayout } from "../_app";
+import { NextPageWithLayout } from "@/pages/_app";
 
 const AboutPage: NextPageWithLayout = () => {
  return (

frontend/src/pages/about/organization.tsx

@@ -10,10 +10,9 @@ import React from "react";
 import TabPanel from "@/components/pages/about/TabPanel";
 import Template from "@/components/pages/about/Template";
 import Layout from "@/layouts/Layout";
+import { NextPageWithLayout } from "@/pages/_app";
 import { getSortedPosts } from "@/utils/posts";
 
-import { NextPageWithLayout } from "../_app";
-
 type Post = {
  frontmatter: {
  title: string;