feat: enhance project structure and update dependencies

.husky/pre-commit

@@ -1 +1 @@
-bun run build 
+pnpm lint-staged

.husky/pre-push

@@ -1,2 +1,2 @@
-bun run build
-# git pull --rebase origin main
+pnpm build
+

apps/core/app/(landing)/_components/PurchaseCard.tsx

@@ -1,4 +1,6 @@
-import { Button, Select, Typography } from "@repo/ui/components";
+import { Button } from "@repo/ui/components/atoms/button";
+import { Select } from "@repo/ui/components/molecules/select";
+import { Typography } from "@repo/ui/components/atoms/typography";
 import { IconDownload } from "@tabler/icons-react";
 import Image from "next/image";
 

apps/core/app/(landing)/_components/TextGenerateEffect.tsx

@@ -2,7 +2,7 @@
 import { useEffect } from "react";
 import { motion, stagger, useAnimate } from "framer-motion";
 import { cn } from "@repo/ui/lib/utils";
-import { Typography } from "@repo/ui/components";
+import { Typography } from "@repo/ui/components/atoms/typography";
 
 export const TextGenerateEffect = ({
   words,
@@ -27,7 +27,7 @@ export const TextGenerateEffect = ({
       {
         duration: duration ? duration : 1,
         delay: stagger(0.2),
-      }
+      },
     );
   }, [scope.current]);
 
@@ -54,7 +54,7 @@ export const TextGenerateEffect = ({
   return (
     <div className={cn("font-bold", className)}>
       <div className="mt-4">
-        <Typography     
+        <Typography
           variant="display/sm"
           weight="normal"
           className="text-center hidden md:block tracking-wide"

apps/core/app/(landing)/_components/addtoCard.tsx

@@ -1,21 +1,31 @@
 "use client";
 
 import Card from "./card";
-import { Button } from "@repo/ui/components";
+import { Button } from "@repo/ui/components/atoms/button";
 import Securityicon from "@repo/icons/security";
 import { useState } from "react";
 import CardSkeleton from "./card-cart-skeleton";
 import { useCartStore } from "../store/cart-store";
-import { Typography } from "@repo/ui/components";
+import { Typography } from "@repo/ui/components/atoms/typography";
 import { useRouter } from "next/navigation";
 
 const Addtocard = () => {
   const { closeAddToCart } = useCartStore();
   const router = useRouter();
 
   const [cards, setCards] = useState([
-    { id: 2, title: "Traveler - Travel Agency", price: 15, image: "/cart-1.png" },
-    { id: 3, title: "Traveler - Travel Agency", price: 15, image: "/cart-2.png" },
+    {
+      id: 2,
+      title: "Traveler - Travel Agency",
+      price: 15,
+      image: "/cart-1.png",
+    },
+    {
+      id: 3,
+      title: "Traveler - Travel Agency",
+      price: 15,
+      image: "/cart-2.png",
+    },
   ]);
 
   const temp = [1, 2, 3];
@@ -57,12 +67,12 @@ const Addtocard = () => {
 
       {/* Pay Now Button */}
 
-      <Button 
-        size="lg" 
+      <Button
+        size="lg"
         className="w-full bg-primary text-white text-lg font-semibold rounded-xl mt-2"
         onClick={() => router.push("/payment")}
       >
- Pay Now
+        Pay Now
       </Button>
 
       {/* Secure Payment Message */}

apps/core/app/(landing)/_components/background-landing.tsx

@@ -1,5 +1,5 @@
 import Image from "next/image";
-import { DashedCircles } from "@repo/ui/components";
+import { DashedCircles } from "@repo/ui/components/atoms/dashed-circles";
 import blender from "../_assets/blender.svg";
 import planet from "../_assets/planet.svg";
 import figma from "../_assets/figma.svg";

apps/core/app/(landing)/_components/browseMegaMenu/bottomPart/bottom-part-menu.tsx

@@ -1,4 +1,4 @@
-import { Typography } from "@repo/ui/components";
+import { Typography } from "@repo/ui/components/atoms/typography";
 import IllustratorIcon from "@repo/icons/Illustrator";
 import Adobexdicon from "@repo/icons/adobexd";
 import Belendericon from "@repo/icons/belender";

apps/core/app/(landing)/_components/browseMegaMenu/browse-mega-menu.tsx

@@ -1,7 +1,7 @@
 import { useMegaMenuStore } from "../../store/mega-menu";
 import { BottomPartMenu } from "./bottomPart/bottom-part-menu";
 import { TopPartMenu } from "./topPart/top-part-menu";
-import { RetroGrid } from "@repo/ui/components";
+import { RetroGrid } from "@repo/ui/components/atoms/retroGrid";
 
 const BrowseMegaMenu = () => {
   const { closeMegaMenu } = useMegaMenuStore();

apps/core/app/(landing)/_components/browseMegaMenu/topPart/top-part-menu.tsx

@@ -4,7 +4,7 @@ import IllustrationIcon from "@repo/icons/illustration";
 import MockUpsIcon from "@repo/icons/mockups";
 import PolygonIcon from "@repo/icons/polygon";
 import WireFrameIcon from "@repo/icons/wire-frame";
-import { Typography } from "@repo/ui/components";
+import { Typography } from "@repo/ui/components/atoms/typography";
 import Link from "next/link";
 
 interface CategoryItemProps {

apps/core/app/(landing)/_components/card.tsx

@@ -1,5 +1,5 @@
 import Removeicon from "@repo/icons/remove";
-import { Typography } from "@repo/ui/components";
+import { Typography } from "@repo/ui/components/atoms/typography";
 import Image from "next/image";
 
 interface CardProps {

apps/core/app/(landing)/_components/desktop-navbar/feature-navbar-authenticated.tsx

@@ -9,15 +9,15 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@repo/ui/components";
+} from "@repo/ui/components/atoms/dropdown-menu";
 import Image from "next/image";
 import Link from "next/link";
 import Useractionpixelicon from "@repo/icons/useractionpixel";
 import {
   AvatarImage,
   AvatarFallback,
   Avatar,
-} from "@repo/ui/components";
+} from "@repo/ui/components/atoms/avatar";
 import { useMegaMenuStore } from "./../../store/mega-menu";
 
 const FeatureNavbarAuthenticated = () => {

apps/core/app/(landing)/_components/desktop-navbar/feature-navbar-guest.tsx

@@ -1,19 +1,14 @@
 import IconShoppingBag from "@repo/icons/shopping-bag";
-import { Typography } from "@repo/ui/components";
+import { Typography } from "@repo/ui/components/atoms/typography";
 import Link from "next/link";
 import { useCartStore } from "./../../store/cart-store";
 
-
-
 const FeatureNavbarGuest = () => {
-
-
   const { toggleAddToCart } = useCartStore();
 
   const onClick = () => {
-
     toggleAddToCart();
-  };  
+  };
 
   return (
     <div className="flex items-center gap-3 shrink-0 ">

apps/core/app/(landing)/_components/desktop-navbar/navbar-links.tsx

@@ -1,4 +1,4 @@
-import { Typography } from "@repo/ui/components";
+import { Typography } from "@repo/ui/components/atoms/typography";
 import { useMegaMenuStore } from "./../../store/mega-menu";
 import { useCartStore } from "./../../store/cart-store";
 import Link from "next/link";

apps/core/app/(landing)/_components/desktop-navbar/navbar.tsx

@@ -2,7 +2,8 @@
 import PixelIcon from "@repo/icons/pxiel";
 import SearchIcon from "@repo/icons/serach";
 import XIcon from "@repo/icons/x";
-import { BaseInput, Chip } from "@repo/ui/components";
+import { BaseInput } from "@repo/ui/components/atoms/base-input";
+import { Chip } from "@repo/ui/components/atoms/chip";
 import { cn } from "@repo/ui/lib/utils";
 import { AnimatePresence, motion } from "framer-motion";
 import Image from "next/image";

apps/core/app/(landing)/_components/landing-tab-contents.tsx

@@ -1,4 +1,4 @@
-import { ProductCard } from "@repo/ui/components";
+import { ProductCard } from "@repo/ui/components/molecules/prodoct-card";
 import { use } from "react";
 import { getProductVersionList } from "@repo/apis/core/shop/product-version/get/get-product-version-list";
 

apps/core/app/(landing)/_components/landing-tabs.tsx

@@ -1,10 +1,8 @@
-import {
-  TabContent,
-  TabList,
-  TabProvider,
-  TabTrigger,
-  ProductCard,
-} from "@repo/ui/components";
+import { TabContent } from "@repo/ui/components/molecules/tabs/tab-content";
+import { TabList } from "@repo/ui/components/molecules/tabs/tab-list";
+import { TabProvider } from "@repo/ui/components/molecules/tabs/tab-provider";
+import { TabTrigger } from "@repo/ui/components/molecules/tabs/tab-trigger";
+import { ProductCard } from "@repo/ui/components/molecules/prodoct-card";
 import {
   ProductListUiUx,
   ProductList3D,

apps/core/app/(landing)/_components/mobile-menu/hamburger-menu.tsx

@@ -1,10 +1,19 @@
 "use client";
 
-import { IconMenuDeep, IconX, IconCrown, IconUserPlus, IconFileText, IconHelpCircle, IconShieldLock, IconFileDescription } from "@tabler/icons-react";
+import {
+  IconMenuDeep,
+  IconX,
+  IconCrown,
+  IconUserPlus,
+  IconFileText,
+  IconHelpCircle,
+  IconShieldLock,
+  IconFileDescription,
+} from "@tabler/icons-react";
 import { motion, AnimatePresence } from "framer-motion";
 import { useState } from "react";
 import Link from "next/link";
-import { Typography } from "@repo/ui/components";
+import { Typography } from "@repo/ui/components/atoms/typography";
 
 const HamburgerMenu = () => {
   const [isOpen, setIsOpen] = useState(false);
@@ -43,7 +52,7 @@ const HamburgerMenu = () => {
               className="fixed top-0 right-0 h-full w-[250px] bg-card shadow-lg z-40"
             >
               <div className="p-6 pt-20">
-                <nav >
+                <nav>
                   <div>
                     <Typography
                       variant="heading/xs"
@@ -54,7 +63,10 @@ const HamburgerMenu = () => {
                     </Typography>
                     <ul className="space-y-4 mb-6">
                       <li>
-                        <Link href="#" className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full">
+                        <Link
+                          href="#"
+                          className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full"
+                        >
                           <IconCrown size={24} className="text-primary" />
                           <Typography
                             variant="label/xs"
@@ -65,7 +77,10 @@ const HamburgerMenu = () => {
                         </Link>
                       </li>
                       <li>
-                        <Link href="#" className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full">
+                        <Link
+                          href="#"
+                          className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full"
+                        >
                           <IconUserPlus size={24} className="text-primary" />
                           <Typography
                             variant="label/xs"
@@ -76,7 +91,10 @@ const HamburgerMenu = () => {
                         </Link>
                       </li>
                       <li>
-                        <Link href="#" className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full">
+                        <Link
+                          href="#"
+                          className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full"
+                        >
                           <IconFileText size={24} className="text-primary" />
                           <Typography
                             variant="label/xs"
@@ -87,7 +105,10 @@ const HamburgerMenu = () => {
                         </Link>
                       </li>
                       <li>
-                        <Link href="#" className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full">
+                        <Link
+                          href="#"
+                          className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full"
+                        >
                           <IconHelpCircle size={24} className="text-primary" />
                           <Typography
                             variant="label/xs"
@@ -108,7 +129,10 @@ const HamburgerMenu = () => {
                     </Typography>
                     <ul className="space-y-4">
                       <li>
-                        <Link href="#" className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full">
+                        <Link
+                          href="#"
+                          className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full"
+                        >
                           <IconShieldLock size={24} className="text-primary" />
                           <Typography
                             variant="label/xs"
@@ -119,8 +143,14 @@ const HamburgerMenu = () => {
                         </Link>
                       </li>
                       <li>
-                        <Link href="#" className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full">
-                          <IconFileDescription size={24} className="text-primary" />
+                        <Link
+                          href="#"
+                          className="flex items-center gap-2 py-3 px-4 rounded-lg hover:bg-accent/20 focus:bg-accent/30 active:bg-accent/40 transition w-full"
+                        >
+                          <IconFileDescription
+                            size={24}
+                            className="text-primary"
+                          />
                           <Typography
                             variant="label/xs"
                             className="hover:underline"