feat: enhance header with notification buttons and user dropdown

- Updated header component to include notification buttons with icons.
- Introduced a new NavUser component for user-related actions in the sidebar.
- Added NotificationDot component for visual notification indicators.
- Created UserCard component to display user information.
- Implemented UserDropdown for user settings and logout functionality.
- Added Avatar component for user images with fallback support.
- Refactored Sheet and Tooltip components for consistency and improved styling.
- Introduced QueryProvider for managing React Query context.
- Updated SidebarProvider to use custom sidebar implementation.
- Enhanced mobile detection hook for better responsiveness.
- Updated dependencies in yarn.lock for new features and fixes.

feat: remove dot

src/components/misc/notification-dot.tsx

@@ -0,0 +1,35 @@
+import { cn } from '@/lib/utils';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { CircleSmall } from 'lucide-react';
+
+const dotVariants = cva('', {
+  variants: {
+    variant: {
+      neutral: 'fill-neutral-900',
+      active: 'fill-red-600 stroke-red-600',
+      hidden: 'hidden',
+    },
+  },
+  defaultVariants: {
+    variant: 'hidden',
+  },
+});
+
+function NotificationDot({
+  className,
+  dotVariant,
+  ...props
+}: {
+  className: string;
+  dotVariant: VariantProps<typeof dotVariants>['variant'];
+}) {
+  return (
+    <CircleSmall
+      className={cn(dotVariants({ variant: dotVariant }), className)}
+      {...props}
+    />
+  );
+}
+
+export type NDot = VariantProps<typeof dotVariants>['variant'];
+export { NotificationDot, dotVariants };