🔥 chore: move directory. pages to src/pages

__test__/index.test.tsx

@@ -2,7 +2,7 @@ import { render, screen } from "@testing-library/react";
 
 import { RecoilRoot } from "recoil";
 
-import PageLanding from "@/pages/index";
+import PageLanding from "src/pages/index";
 
 describe("PageLanding", () => {
   it("renders PageLanding unchanged", () => {

__test__/login.test.tsx

@@ -2,7 +2,7 @@ import { render, screen } from "@testing-library/react";
 
 import { RecoilRoot } from "recoil";
 
-import Login from "@/pages/login";
+import Login from "src/pages/login";
 
 jest.mock("next/router", () => ({
   useRouter() {

src/pages/_app.tsx

@@ -0,0 +1,37 @@
+import type { AppProps } from "next/app";
+import { RecoilRoot } from "recoil";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+import { ThemeProvider, CssBaseline, Divider } from "@mui/material";
+
+import { isMobile } from "react-device-detect";
+
+import MobileDefense from "src/components/modal/MobileDefense";
+import ModalGlobal from "src/components/modal/ModalGlobal";
+import NavBar from "src/components/Navbar";
+import theme from "src/utils/theme";
+import "../public/fonts/style.css";
+
+const queryClient = new QueryClient();
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <ThemeProvider theme={theme}>
+        <RecoilRoot>
+          <CssBaseline />
+          {isMobile ? (
+            <MobileDefense />
+          ) : (
+            <>
+              <ModalGlobal />
+              <NavBar />
+              <Divider />
+              <Component {...pageProps} />
+            </>
+          )}
+        </RecoilRoot>
+      </ThemeProvider>
+    </QueryClientProvider>
+  );
+}

pages/new/[userName]/[repo]/deploy.tsx → src/pages/new/[userName]/[repo]/deploy.tsx

@@ -22,7 +22,7 @@ import Config from "src/config";
 import isEmpty from "src/utils/isEmpty";
 
 import { UserDeploymentData } from "types/deployment";
-import deployMockData from "../../../../__test__/mock/deployData.json";
+import deployMockData from "../../../../../__test__/mock/deployData.json";
 
 function Deploy() {
   const userDeploymentList =

pages/new/[userName]/[repo]/preview.tsx → src/pages/new/[userName]/[repo]/preview.tsx

@@ -9,7 +9,7 @@ import { BLUE } from "src/constants/colors";
 
 import { userDeploymentsState } from "src/recoil/userDeployments";
 
-import deployMockData from "../../../../__test__/mock/deployData.json";
+import deployMockData from "../../../../../__test__/mock/deployData.json";
 
 function Preview() {
   const deploymentData = useRecoilValue(userDeploymentsState);