chore: removed src dir, now using default app dir (#8)

## Description

Removed src dir in favor of app directory

<!-- Add a description of the changes that this PR introduces and the
files that
are the most critical to review. -->

---

### Author Checklist

*All items are required. Please add a note to the item if the item is
not applicable and
please add links to any relevant follow up issues.*

I have...

- [ ] included the correct [type
prefix](https://github.com/commitizen/conventional-commit-types/blob/v3.0.0/index.json)
  in the PR title
- [ ] targeted the correct branch
- [ ] provided a link to the relevant issue or specification
- [ ] reviewed "Files changed" and left comments if necessary
- [ ] confirmed all CI checks have passed

### Reviewers Checklist

*All items are required. Please add a note if the item is not applicable
and please add
your handle next to the items reviewed if you only reviewed selected
items.*

I have...

- [ ] confirmed the
correct [type
prefix](https://github.com/commitizen/conventional-commit-types/blob/v3.0.0/index.json)
in the PR title
- [ ] confirmed all author checklist items have been addressed

src/app/components/NavigationBar.tsx → app/components/NavigationBar.tsx

@@ -1,8 +1,8 @@
 "use client";
 import React, { useCallback, useEffect, useState } from "react";
 import Link from "next/link";
-import BondscapeLogo from "@/components/BondscapeLogo/BondscapeLogo";
-import useBreakpoints from "@/hooks/useBreakpoints";
+import BondscapeLogo from "./BondscapeLogo/BondscapeLogo";
+import useBreakpoints from "../hooks/useBreakpoints";
 
 const NavigationBar = () => {
   const [isMobile, isMd, isLg, isXl] = useBreakpoints();

src/app/creator/login/layout.tsx → app/creator/login/layout.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import "../../globals.css";
-import DefaultSEO from "@/seo";
+import DefaultSEO from "../../seo";
 
 export const metadata = {
   ...DefaultSEO,

src/app/creator/login/page.tsx → app/creator/login/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 import React from "react";
-import MainLayout from "@/layouts/MainLayout";
+import MainLayout from "../../layouts/MainLayout";
 import Image from "next/image";
-import heroImage from "../../../../public/bondscape-home-bg.png";
-import overlay from "../../../../public/login-overlay-bg.png";
-import useBreakpoints from "@/hooks/useBreakpoints";
+import heroImage from "../../../public/bondscape-home-bg.png";
+import overlay from "../../../public/login-overlay-bg.png";
+import useBreakpoints from "../../hooks/useBreakpoints";
 
 export default function Login() {
   const [isMobile, isMd] = useBreakpoints();

src/app/hooks/useBreakpoints.ts → app/hooks/useBreakpoints.ts

@@ -24,7 +24,7 @@ const useBreakpoints = () => {
       return;
     }
     setIsBreakpointReady(true);
-  }, [isMobile, isMd, isLg, isXl]);
+  }, [isMobile, isMd, isLg, isXl, isBreakpointReady]);
 
   return [isMobile, isMd, isLg, isXl, isBreakpointReady];
 };

src/app/layout.tsx → app/layout.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import Footer from "@/components/Footer";
+import Footer from "./components/Footer";
 import Head from "next/head";
 import "./globals.css";
 

src/app/layouts/MainLayout.tsx → app/layouts/MainLayout.tsx

@@ -1,8 +1,8 @@
 import React from "react";
-import NavigationBar from "@/components/NavigationBar";
-import heroImage from "../../../public/bondscape-home-bg-masked.png";
+import NavigationBar from "../components/NavigationBar";
+import heroImage from "../../public/bondscape-home-bg-masked.png";
 import { StaticImport } from "next/dist/shared/lib/get-img-props";
-import BackgroundImage from "@/components/BackgroundImage";
+import BackgroundImage from "../components/BackgroundImage";
 
 export interface MainLayoutProps {
   readonly backgroundImage?: boolean;

src/app/layouts/SectionLayout.tsx → app/layouts/SectionLayout.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { useEffect, useState } from "react";
-import useBreakpoints from "@/hooks/useBreakpoints";
+import useBreakpoints from "../hooks/useBreakpoints";
 
 export interface ContentBackground {
   /**

src/app/page.tsx → app/page.tsx

@@ -1,9 +1,9 @@
-import MainLayout from "@/layouts/MainLayout";
+import MainLayout from "./layouts/MainLayout";
 import React from "react";
 import Image from "next/image";
 import Link from "next/link";
-import mockupImage from "../../public/mockup-image-mobile.webp";
-import DefaultSEO from "@/seo";
+import mockupImage from "../public/mockup-image-mobile.webp";
+import DefaultSEO from "./seo";
 
 export const metadata = {
   ...DefaultSEO,

src/app/privacy/page.tsx → app/privacy/page.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import MainLayout from "@/layouts/MainLayout";
-import DefaultSEO from "@/seo";
+import MainLayout from "../layouts/MainLayout";
+import DefaultSEO from "../seo";
 
 export const metadata = {
   ...DefaultSEO,

src/app/terms/page.tsx → app/terms/page.tsx

@@ -1,8 +1,8 @@
 // pages/TermsOfService.tsx
 
 import React from "react";
-import MainLayout from "@/layouts/MainLayout";
-import DefaultSEO from "@/seo";
+import MainLayout from "../layouts/MainLayout";
+import DefaultSEO from "../seo";
 
 export const metadata = {
   ...DefaultSEO,

package.json

@@ -9,7 +9,7 @@
   "scripts": {
     "dev": "next",
     "build": "next build",
-    "start": "npm run build && next start"
+    "start": "yarn build && next start"
   },
   "dependencies": {
     "@types/node": "20.6.1",

tailwind.config.ts

@@ -2,8 +2,8 @@ import type { Config } from "tailwindcss";
 
 const config: Config = {
   content: [
-    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
     container: {

tsconfig.json

@@ -19,7 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/app/*"]
+      "@/*": ["./app/*"]
     }
   },
   // TODO: Remove public/creator.js from include when refactored into a react component