feat: create a "Projects" feature directory

src/App.tsx

@@ -1,13 +1,13 @@
 import { useEffect } from "react";
 import Navbar from "src/Components/Navbar/Navbar";
-import ExplorePage from "src/pages/ExplorePage";
+import ExplorePage from "src/features/Projects/pages/ExplorePage";
 import ModalsContainer from "src/Components/Modals/ModalsContainer/ModalsContainer";
 import { useAppSelector } from './utils/hooks';
 import { Wallet_Service } from "./services";
 import { Route, Routes } from "react-router-dom";
-import CategoryPage from "./pages/CategoryPage/CategoryPage";
+import CategoryPage from "src/features/Projects/pages/CategoryPage/CategoryPage";
 import { useWrapperSetup } from "./utils/Wrapper";
-import HottestPage from "./pages/HottestPage/HottestPage";
+import HottestPage from "src/features/Projects/pages/HottestPage/HottestPage";
 
 function App() {
   const { isWalletConnected } = useAppSelector(state => ({

src/features/Projects/index.tsx

@@ -0,0 +1,3 @@
+export * from './pages/CategoryPage/CategoryPage'
+export * from './pages/ExplorePage/ExplorePage'
+export * from './pages/HottestPage/HottestPage'

src/features/Projects/pages/HottestPage/HottestPage.tsx

@@ -1,8 +1,8 @@
 import ASSETS from 'src/assets';
 
 import ErrorMessage from 'src/Components/ErrorMessage/ErrorMessage';
-import HeaderImage from 'src/pages/CategoryPage/HeaderImage/HeaderImage';
-import ProjectsGrid from 'src/pages/CategoryPage/ProjectsGrid/ProjectsGrid';
+import HeaderImage from 'src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage';
+import ProjectsGrid from 'src/features/Projects/pages/CategoryPage/ProjectsGrid/ProjectsGrid';
 
 import { useHottestProjectsQuery } from 'src/graphql'
 

src/features/Projects/pages/ProjectPage/ProjectDetailsCard/ProjectDetailsCard.tsx

@@ -8,7 +8,7 @@ import { setProject } from 'src/redux/features/project.slice';
 import Button from 'src/Components/Button/Button';
 import { AiFillThunderbolt } from 'react-icons/ai';
 import ProjectCardSkeleton from './ProjectDetailsCard.Skeleton'
-import VoteButton from 'src/pages/ProjectPage/VoteButton/VoteButton';
+import VoteButton from 'src/features/Projects/pages/ProjectPage/VoteButton/VoteButton';
 import { Wallet_Service } from 'src/services'
 import { useProjectDetailsQuery } from 'src/graphql';
 import Lightbox from 'src/Components/Lightbox/Lightbox'

src/features/Projects/types/index.ts

@@ -0,0 +1 @@
+export * from './project.interfaces'

src/features/Projects/types/project.interfaces.ts

@@ -1,5 +1,5 @@
 import { Project as ApiProject, Tag } from "src/graphql";
-import { Image } from ".";
+import { Image } from "../../../utils/interfaces";
 
 export interface Project {
     id: ApiProject['id'];

src/redux/features/modals.slice.ts

@@ -1,8 +1,8 @@
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 import { Login_ScanningWalletCard, Login_ExternalWalletCard, Login_NativeWalletCard, Login_SuccessCard } from "src/Components/Modals/Login";
-import { ProjectDetailsCard } from "src/pages/ProjectPage/ProjectDetailsCard";
-import VoteCard from "src/pages/ProjectPage/VoteCard/VoteCard";
-import { Claim_FundWithdrawCard, Claim_CopySignatureCard, Claim_GenerateSignatureCard, Claim_SubmittedCard } from "src/pages/ProjectPage/ClaimProject";
+import { ProjectDetailsCard } from "src/features/Projects/pages/ProjectPage/ProjectDetailsCard";
+import VoteCard from "src/features/Projects/pages/ProjectPage/VoteCard/VoteCard";
+import { Claim_FundWithdrawCard, Claim_CopySignatureCard, Claim_GenerateSignatureCard, Claim_SubmittedCard } from "src/features/Projects/pages/ProjectPage/ClaimProject";
 import { ModalCard } from "src/Components/Modals/ModalsContainer/ModalsContainer";
 import { ComponentProps } from "react";
 

src/utils/interfaces/index.ts

@@ -1,4 +1,4 @@
 export * from './misc.interfaces'
-export * from './project.interfaces'
+export * from 'src/features/Projects/types'