feat(ui): consolidate MagicUI template components into @allsource/ui

- Migrated all MagicUI components (blur-fade, border-beam, dot-pattern,
  flickering-grid, hero-video, marquee, ripple) to packages/ui
- Added UI components: accordion, carousel, chart, drawer, input, label,
  navigation-menu, safari, section, separator, skeleton, switch, textarea
- Updated apps/web imports to use @allsource/ui instead of local components
- Removed duplicate components from apps/web/src/components/ui/
- Removed magicuidesign-saas-template directory
- Added missing dependencies: framer-motion, recharts, @radix-ui/react-dialog
- Fixed TypeScript type issues with drawer component
- Added next as peer/dev dependency for Image component support

Author: decebal

apps/web/src/app/(auth)/login/page.tsx

@@ -1,10 +1,16 @@
 import Link from "next/link";
 
-import { Icons } from "@/components/icons";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+import {
+  Icons,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  Input,
+  Label,
+} from "@allsource/ui";
 
 export default function LoginForm() {
   return (

apps/web/src/app/(auth)/signup/page.tsx

@@ -1,9 +1,15 @@
 import Link from "next/link";
 
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  Input,
+  Label,
+} from "@allsource/ui";
 
 export default function LoginForm() {
   return (

apps/web/src/app/demo/page.tsx

@@ -11,9 +11,7 @@ import { SecurityDemo } from "@/components/demo/security-demo";
 import { TimeTravelDemo } from "@/components/demo/time-travel-demo";
 import { AnalyticsDemo } from "@/components/demo/analytics-demo";
 import { PipelinesDemo } from "@/components/demo/pipelines-demo";
-import DotPattern from "@/components/magicui/dot-pattern";
-import Ripple from "@/components/magicui/ripple";
-import BlurFade from "@/components/magicui/blur-fade";
+import { DotPattern, Ripple, BlurFade } from "@allsource/ui";
 
 const features = [
   {

apps/web/src/app/og/route.tsx

@@ -1,4 +1,4 @@
-import { Icons } from "@/components/icons";
+import { Icons } from "@allsource/ui";
 import { siteConfig } from "@/lib/config";
 import { ImageResponse } from "next/og";
 import { NextRequest } from "next/server";

apps/web/src/components/avatar-circles.tsx

@@ -1,16 +1,16 @@
-import { Icons } from "@/components/icons";
-import { buttonVariants } from "@/components/ui/button";
 import {
+  Icons,
+  buttonVariants,
   Drawer,
   DrawerContent,
   DrawerFooter,
   DrawerHeader,
   DrawerTrigger,
   DrawerDescription,
   DrawerTitle,
-} from "@/components/ui/drawer";
+  cn,
+} from "@allsource/ui";
 import { siteConfig } from "@/lib/config";
-import { cn } from "@/lib/utils";
 import Link from "next/link";
 import { IoMenuSharp } from "react-icons/io5";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";

apps/web/src/components/drawer.tsx

@@ -1,11 +1,9 @@
 "use client";
 
-import { BorderBeam } from "@/components/magicui/border-beam";
+import { BorderBeam, cn } from "@allsource/ui";
 import * as Accordion from "@radix-ui/react-accordion";
 import { motion, useInView } from "framer-motion";
-import React, { forwardRef, ReactNode, useEffect, useRef, useState } from "react";
-
-import { cn } from "@/lib/utils";
+import React, { forwardRef, type ReactNode, useEffect, useRef, useState } from "react";
 
 type AccordionItemProps = {
   children: React.ReactNode;

apps/web/src/components/features-horizontal.tsx

@@ -1,10 +1,9 @@
 "use client";
 
+import { cn } from "@allsource/ui";
 import * as Accordion from "@radix-ui/react-accordion";
 import { motion, useInView } from "framer-motion";
-import React, { forwardRef, ReactNode, useEffect, useRef, useState } from "react";
-
-import { cn } from "@/lib/utils";
+import React, { forwardRef, type ReactNode, useEffect, useRef, useState } from "react";
 
 type AccordionItemProps = {
   children: React.ReactNode;