refactor(auth, layouts): enhance UI components for improved aesthetics and usability

- Updated SignIn and Profile components with new background styles and layout adjustments for a more modern look.
- Refined button styles in GoogleSigninButton and SigninWithPassword for better user interaction feedback.
- Enhanced InputGroup and Select components with improved styling and error handling for a more consistent user experience.
- Adjusted Sidebar and Header components for better responsiveness and visual appeal.
- Implemented spotlight effect in UserInfo dropdown for a more engaging user interface.

src/components/ui/TableSkeleton.tsx

@@ -4,16 +4,21 @@ import { TableBody, TableCell, TableRow } from "./table";
 interface IProps {
   length?: number;
   column: number;
+  cellColSpan?: number;
 }
 
-const TableSkeleton = ({ column, length = 20 }: IProps) => {
+const TableSkeleton = ({
+  column,
+  length = 20,
+  cellColSpan = 100,
+}: IProps) => {
   return (
     <TableBody>
       {Array.from({ length }).map((_, i) => (
         <TableRow key={i}>
           {Array.from({ length: column }).map((_, j) => (
-            <TableCell key={j} colSpan={100}>
-              <Skeleton className="h-8" />
+            <TableCell key={j} colSpan={cellColSpan}>
+              <Skeleton className="h-8 rounded-lg" />
             </TableCell>
           ))}
         </TableRow>