fix: completion page apis, validation, email states

src/theme/color.type.ts

@@ -4,7 +4,7 @@ import type {
   TypeBackground,
   TypeText,
 } from '@mui/material';
-import type { PaletteColorOptions } from 'node_modules/@mui/material';
+import type { PaletteColorOptions } from '@mui/material';
 
 export interface Palette {
   primary: {

src/theme/colors.ts

@@ -117,10 +117,12 @@ export const PALETTE: Palette = {
     light: {
       default: grey[100],
       paper: '#FFFFFF',
+      primary: blue[50],
     },
     dark: {
       default: '#121212',
       paper: grey[900],
+      primary: grey[800],
     },
   },
   // Text colors

src/theme/palette.ts

@@ -8,6 +8,10 @@ declare module '@mui/material/styles' {
   interface PaletteOptions {
     club?: PaletteOptions['primary']; // Extend PaletteOptions for optional 'club'
   }
+
+  interface TypeBackground {
+    primary: string;
+  }
 }
 
 declare module '@mui/material/Button' {
@@ -16,6 +20,8 @@ declare module '@mui/material/Button' {
   }
 }
 
+// TODO: move this to types
+// has typo
 export type PalleteColor =
   | 'primary'
   | 'secondary'