fix: update useApi to return api resualt as promise in addition to set in data

src/theme/colors.ts

@@ -5,8 +5,8 @@ export const PALETTE: Palette = {
   primary: {
     light: {
       main: blue.A400,
-      dark: blue[700],
-      light: blue[100],
+      dark: blue.A700,
+      light: blue.A100,
       contrastText: '#FFFFFF',
     },
     dark: {
@@ -108,9 +108,11 @@ export const PALETTE: Palette = {
   background: {
     light: {
       default: grey[100],
+      paper: '#FFFFFF',
     },
     dark: {
       default: '#121212',
+      paper: grey[900],
     },
   },
   // Text colors