♻️ refactor: Update component imports and improve code consistency

- Refactored sidebar component to include additional sheet elements and improved accessibility with SheetHeader, SheetTitle, and SheetDescription.
- Updated skeleton component for better readability and consistency in class names.
- Refined slider component by standardizing import statements and enhancing class name formatting.
- Enhanced sonner component with consistent import statements and improved class name formatting.
- Standardized switch component imports and class names for better readability.
- Improved table component structure and class name consistency across various elements.
- Refactored tabs component for better readability and consistent class name formatting.
- Updated textarea component for improved readability and consistency in class names.
- Fixed timeline component to safely access getBoundingClientRect.
- Refactored toggle group and toggle components for improved readability and consistency in class names.
- Updated tooltip component for better readability and consistent class name formatting.
- Enhanced enhanced-input component to support generic types for better type safety.
- Refactored use-mobile hook for improved readability and consistency.
- Updated countries utility to make certain properties optional for better flexibility.
- Refined tailwind configuration for improved readability and consistency in theme settings.

apps/user/app/(main)/(user)/profile/notify-settings.tsx

@@ -13,10 +13,10 @@ import { toast } from 'sonner';
 import { z } from 'zod';
 
 const FormSchema = z.object({
-  enable_balance_notify: z.boolean().default(false),
-  enable_login_notify: z.boolean().default(false),
-  enable_subscribe_notify: z.boolean().default(false),
-  enable_trade_notify: z.boolean().default(false),
+  enable_balance_notify: z.boolean(),
+  enable_login_notify: z.boolean(),
+  enable_subscribe_notify: z.boolean(),
+  enable_trade_notify: z.boolean(),
 });
 
 export default function NotifySettings() {

apps/user/app/(main)/(user)/sidebar-right.tsx

@@ -6,12 +6,6 @@ import useGlobalStore from '@/config/use-global';
 import { Button } from '@workspace/ui/components/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
 import { Sidebar, SidebarContent } from '@workspace/ui/components/sidebar';
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@workspace/ui/components/tooltip';
 import { Icon } from '@workspace/ui/custom-components/icon';
 import { isBrowser } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
@@ -54,25 +48,18 @@ export function SidebarRight({ ...props }: React.ComponentProps<typeof Sidebar>)
           <Card>
             <CardHeader className='flex flex-row items-center justify-between space-y-0 p-3 pb-2'>
               <CardTitle className='text-sm font-medium'>{t('inviteCode')}</CardTitle>
-              <TooltipProvider>
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <CopyToClipboard
-                      text={`${isBrowser() && location?.origin}/auth?invite=${user?.refer_code}`}
-                      onCopy={(text, result) => {
-                        if (result) {
-                          toast.success(t('copySuccess'));
-                        }
-                      }}
-                    >
-                      <Button variant='ghost' className='size-5 p-0'>
-                        <Icon icon='mdi:content-copy' className='text-primary text-2xl' />
-                      </Button>
-                    </CopyToClipboard>
-                  </TooltipTrigger>
-                  <TooltipContent>{t('copyInviteLink')}</TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
+              <CopyToClipboard
+                text={`${isBrowser() && location?.origin}/auth?invite=${user?.refer_code}`}
+                onCopy={(text, result) => {
+                  if (result) {
+                    toast.success(t('copySuccess'));
+                  }
+                }}
+              >
+                <Button variant='ghost' className='size-5 p-0'>
+                  <Icon icon='mdi:content-copy' className='text-primary text-2xl' />
+                </Button>
+              </CopyToClipboard>
             </CardHeader>
             <CardContent className='truncate p-3 font-bold'>{user?.refer_code}</CardContent>
           </Card>