Merge pull request #24 from rkheftan/fix/userProfile

Fix/user profile

src/components/CardContainer.tsx

@@ -25,6 +25,7 @@ export function CardContainer({
           display: 'flex',
           flexDirection: 'column',
           gap: 2,
+          borderRadius: 1,
         }}
       >
         <Box

src/components/Layout/Header.tsx

@@ -1,4 +1,4 @@
-import { Box, IconButton, Skeleton, Typography } from '@mui/material';
+import { Box, IconButton, Typography } from '@mui/material';
 import { Icon } from '@rkheftan/harmony-ui';
 import { More } from 'iconsax-react';
 import type { UserInfo } from '@/contexts/AuthContext';
@@ -7,7 +7,7 @@ interface HeaderProps {
   user: UserInfo;
 }
 
-export const Header: React.FC<HeaderProps> = ({ user, loading }) => {
+export const Header: React.FC<HeaderProps> = ({ user }) => {
   return (
     <Box
       sx={{

src/components/Layout/Toolbar.tsx

@@ -1,14 +1,9 @@
-import {
-  Avatar,
-  Box,
-  IconButton,
-  Toolbar as MuiToolbar,
-  Skeleton,
-} from '@mui/material';
+import { Avatar, Box, IconButton, Toolbar as MuiToolbar } from '@mui/material';
 import { Icon } from '@rkheftan/harmony-ui';
 import { HambergerMenu, Menu } from 'iconsax-react';
 import type { Dispatch, SetStateAction } from 'react';
 import type { UserInfo } from '@/contexts/AuthContext';
+import Logo from '../Logo';
 
 interface ToolbarProps {
   sideNavOpen: boolean;
@@ -22,7 +17,6 @@ export const Toolbar: React.FC<ToolbarProps> = ({
   setSideNavOpen,
   isMobile,
   user,
-  loading,
 }) => {
   return (
     <MuiToolbar

src/components/Loading.tsx

@@ -1,5 +1,4 @@
 import { CircularProgress, Stack } from '@mui/material';
-import React from 'react';
 
 export const Loading = () => {
   return (

src/components/ThemToggle.tsx

@@ -34,7 +34,9 @@ export const ThemeToggleButton = ({
       <ToggleButtonGroup
         value={value}
         exclusive
+        color="primary"
         onChange={handleChange}
+        size="medium"
         sx={{
           borderRadius: 1.5,
           border: '1px solid',
@@ -51,10 +53,6 @@ export const ThemeToggleButton = ({
             gap: 1,
             px: 2,
             py: 1,
-            '&.Mui-selected': {
-              bgcolor: 'primary.light',
-              color: 'primary.main',
-            },
           }}
         >
           <Icon Component={Sun1} color="primary.main" variant="Bold" />
@@ -70,10 +68,6 @@ export const ThemeToggleButton = ({
             gap: 1,
             px: 2,
             py: 1,
-            '&.Mui-selected': {
-              bgcolor: 'primary.light',
-              color: 'primary.main',
-            },
           }}
         >
           <Icon Component={Moon} size="medium" color="primary.light" />