#3604 new tab

Author: superhvarn

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/ProjectDetails.tsx

@@ -137,7 +137,6 @@ const ProjectDetails: React.FC<ProjectDetailsProps> = ({ project }) => {
             reimbursed={rrData.reimbursed}
             available={rrData.available}
           />
-          <ProjectSpendingHistory wbsNum={project.wbsNum} />
         </Grid>
       )}
       <Grid item {...summaryGridSize} sx={{ mb: emptyRRData ? 2 : 7 }}>

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/ProjectViewContainer.tsx

@@ -34,6 +34,7 @@ import { useGetMaterialsForWbsElement } from '../../../hooks/bom.hooks';
 import ChangeRequestTab from '../../../components/ChangeRequestTab';
 import PartsReviewPage from './PartReview/PartsReviewPage';
 import ActionsMenu from '../../../components/ActionsMenu';
+import ProjectSpendingHistory from '../../ProjectPage/ProjectSpendingHistory';
 
 interface ProjectViewContainerProps {
   project: Project;
@@ -179,7 +180,8 @@ const ProjectViewContainer: React.FC<ProjectViewContainerProps> = ({ project, en
             { tabUrlValue: 'changes', tabName: 'Changes' },
             { tabUrlValue: 'gantt', tabName: 'Gantt' },
             { tabUrlValue: 'change-requests', tabName: 'Change Requests' },
-            { tabUrlValue: 'parts-review', tabName: 'Parts Review' }
+            { tabUrlValue: 'parts-review', tabName: 'Parts Review' },
+            { tabUrlValue: 'spending', tabName: 'Spending History' }
           ]}
           baseUrl={`${routes.PROJECTS}/${wbsNum}`}
           defaultTab="overview"
@@ -202,8 +204,10 @@ const ProjectViewContainer: React.FC<ProjectViewContainerProps> = ({ project, en
         <ProjectGantt workPackages={project.workPackages} />
       ) : tab === 6 ? (
         <ChangeRequestTab wbsElement={project} />
-      ) : (
+      ) : tab === 7 ? (
         <PartsReviewPage project={project} />
+      ) : (
+        <ProjectSpendingHistory wbsNum={project.wbsNum} />
       )}
       {deleteModalShow && (
         <DeleteProject modalShow={deleteModalShow} handleClose={handleDeleteClose} wbsNum={project.wbsNum} />

src/frontend/src/pages/ProjectPage/ProjectSpendingHistory.tsx

@@ -26,7 +26,6 @@ const ProjectSpendingHistory: React.FC<ProjectSpendingHistoryProps> = ({ wbsNum
   const { data: materials, isLoading, isError } = useGetMaterialsForWbsElement(wbsNum);
   const [openRows, setOpenRows] = React.useState<Record<string, boolean>>({});
 
-  // Group materials by reimbursementRequestId
   const grouped = React.useMemo(() => {
     if (!materials) return [];
     const map: Record<string, { request: any; materials: Material[] }> = {};