fix: pages build error

Author: Stemo688

src/components/ui/Input.tsx

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { cn } from "@/lib/utils";
 
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, type, ...props }, ref) => {

src/components/ui/Textarea.tsx

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { cn } from "@/lib/utils";
 
-export interface TextareaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 
 const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ className, ...props }, ref) => {

src/pages/components/dialog.tsx

@@ -16,7 +16,6 @@ import {
   DialogTrigger,
   Input,
   Label,
-  Separator,
   Tabs,
   TabsContent,
   TabsList,

src/pages/components/icon-button.tsx

@@ -21,7 +21,7 @@ import {
   Add01Icon,
   Edit01Icon,
   Share01Icon,
-  Favourite01Icon,
+  FavouriteIcon,
 } from "hugeicons-react";
 
 export default function IconButtonPage() {
@@ -85,7 +85,7 @@ export default function IconButtonPage() {
               <IconButton icon={Add01Icon} variant="default" aria-label="Add" />
               <IconButton icon={Edit01Icon} variant="secondary" aria-label="Edit" />
               <IconButton icon={Share01Icon} variant="outline" aria-label="Share" />
-              <IconButton icon={Favourite01Icon} variant="ghost" aria-label="Favorite" />
+              <IconButton icon={FavouriteIcon} variant="ghost" aria-label="Favorite" />
               <IconButton icon={Delete01Icon} variant="destructive" aria-label="Delete" />
             </CardContent>
           </Card>
@@ -99,7 +99,7 @@ export default function IconButtonPage() {
               <div className="inline-flex items-center gap-1 rounded-lg border border-[hsl(var(--border))] p-1">
                 <IconButton icon={Edit01Icon} variant="ghost" size="sm" aria-label="Edit" />
                 <IconButton icon={Share01Icon} variant="ghost" size="sm" aria-label="Share" />
-                <IconButton icon={Favourite01Icon} variant="ghost" size="sm" aria-label="Favorite" />
+                <IconButton icon={FavouriteIcon} variant="ghost" size="sm" aria-label="Favorite" />
                 <Separator orientation="vertical" className="h-6 mx-1" />
                 <IconButton icon={Delete01Icon} variant="ghost" size="sm" aria-label="Delete" />
               </div>

src/pages/components/index.tsx

@@ -22,13 +22,12 @@ import {
   Alert01Icon,
   Loading03Icon,
   Message01Icon,
-  Settings01Icon,
   ArrowDown01Icon,
   TextIcon,
   Tick01Icon,
   GridIcon,
   SlidersHorizontalIcon,
-  LayersIcon,
+  Layers01Icon,
 } from "hugeicons-react";
 
 const componentCategories = [
@@ -64,14 +63,14 @@ const componentCategories = [
     components: [
       { href: "/components/alert", title: "Alert", desc: "Alert messages and notifications", icon: Alert01Icon },
       { href: "/components/progress", title: "Progress", desc: "Progress indicators and bars", icon: Loading03Icon },
-      { href: "/components/skeleton", title: "Skeleton", desc: "Loading placeholder components", icon: LayersIcon },
+      { href: "/components/skeleton", title: "Skeleton", desc: "Loading placeholder components", icon: Layers01Icon },
     ],
   },
   {
     title: "Overlay",
     components: [
       { href: "/components/dialog", title: "Dialog", desc: "Modal dialogs for confirmations", icon: Message01Icon },
-      { href: "/components/sheet", title: "Sheet", desc: "Slide-out panels (bottom sheets)", icon: LayersIcon },
+      { href: "/components/sheet", title: "Sheet", desc: "Slide-out panels (bottom sheets)", icon: Layers01Icon },
       { href: "/components/dropdown-menu", title: "DropdownMenu", desc: "Context and action menus", icon: Menu01Icon },
       { href: "/components/tooltip", title: "Tooltip", desc: "Hover tooltips for hints", icon: Message01Icon },
     ],

src/pages/components/progress.tsx

@@ -2,7 +2,6 @@ import Head from "next/head";
 import { useState, useEffect } from "react";
 import {
   Badge,
-  Button,
   Card,
   CardContent,
   CardDescription,

src/pages/components/sheet.tsx

@@ -16,7 +16,6 @@ import {
   SheetTrigger,
   Input,
   Label,
-  Separator,
   Tabs,
   TabsContent,
   TabsList,

src/pages/components/slider.tsx

@@ -17,7 +17,6 @@ import {
 
 export default function SliderPage() {
   const [value, setValue] = useState([50]);
-  const [rangeValue, setRangeValue] = useState([25, 75]);
 
   return (
     <div className="py-8">

src/pages/components/tabs.tsx

@@ -1,7 +1,6 @@
 import Head from "next/head";
 import {
   Badge,
-  Button,
   Card,
   CardContent,
   CardDescription,