update components to @propdock

apps/www/src/app/(analytics)/analytics/[id]/dcf/page.tsx

@@ -1,13 +1,12 @@
 import Link from "next/link"
 import { getAnalysisDetails } from "@/actions/get-analysis-details"
-
-import { Button } from "@dingify/ui/components/button"
+import { Button } from "@propdock/ui/components/button"
 import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger,
-} from "@dingify/ui/components/tabs"
+} from "@propdock/ui/components/tabs"
 
 import { AnalysisDiagramDCF } from "@/components/analyse/AnalysisDiagramDCF"
 import { AnalysisTableDCF } from "@/components/analyse/AnalysisTableDCF"

apps/www/src/app/(analytics)/analytics/[id]/page.tsx

@@ -1,13 +1,12 @@
 import Link from "next/link"
 import { getAnalysisDetails } from "@/actions/get-analysis-details"
-
-import { Button } from "@dingify/ui/components/button"
+import { Button } from "@propdock/ui/components/button"
 import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger,
-} from "@dingify/ui/components/tabs"
+} from "@propdock/ui/components/tabs"
 
 import { AnalysisDetailsTable } from "@/components/analyse/AnalysisDetailsTable"
 import { AnalysisInfoCard } from "@/components/analyse/AnalysisInfoCard"

apps/www/src/app/(analytics)/analytics/[id]/sensitivity/page.tsx

@@ -1,7 +1,6 @@
 import Link from "next/link"
 import { getAnalysisDetails } from "@/actions/get-analysis-details"
-
-import { Button } from "@dingify/ui/components/button"
+import { Button } from "@propdock/ui/components/button"
 
 import { SensitivityAnalysisTable } from "@/components/analyse/SensitivityAnalysisTable"
 import { DashboardHeader } from "@/components/dashboard/header"

apps/www/src/app/(analytics)/analytics/loading.tsx

@@ -1,8 +1,8 @@
-import { Button } from "@dingify/ui/components/button";
+import { Button } from "@propdock/ui/components/button"
 
-import { DashboardHeader } from "@/components/dashboard/header";
-import { DashboardShell } from "@/components/dashboard/shell";
-import { CardSkeleton } from "@/components/shared/card-skeleton";
+import { DashboardHeader } from "@/components/dashboard/header"
+import { DashboardShell } from "@/components/dashboard/shell"
+import { CardSkeleton } from "@/components/shared/card-skeleton"
 
 export default function DashboardLoading() {
   return (
@@ -17,5 +17,5 @@ export default function DashboardLoading() {
         <CardSkeleton />
       </div>
     </DashboardShell>
-  );
+  )
 }

apps/www/src/app/(analytics)/analytics/page.tsx

@@ -2,27 +2,26 @@
 import Link from "next/link"
 import { redirect } from "next/navigation"
 import { getAnalyses } from "@/actions/get-analyst"
-
 import {
   Card,
   CardContent,
   CardHeader,
   CardTitle,
-} from "@dingify/ui/components/card"
+} from "@propdock/ui/components/card"
 import {
   Table,
   TableBody,
   TableCell,
   TableHead,
   TableHeader,
   TableRow,
-} from "@dingify/ui/components/table"
+} from "@propdock/ui/components/table"
 import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger,
-} from "@dingify/ui/components/tabs"
+} from "@propdock/ui/components/tabs"
 
 import { authOptions } from "@/lib/auth"
 import { prisma } from "@/lib/db"

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

@@ -1,16 +1,16 @@
-import type { Metadata } from "next";
-import { Suspense } from "react";
-import Link from "next/link";
-import { UserAuthForm } from "@/components/forms/user-auth-form";
-import { Icons } from "@/components/shared/icons";
-import { cn } from "@/lib/utils";
+import type { Metadata } from "next"
+import { Suspense } from "react"
+import Link from "next/link"
+import { buttonVariants } from "@propdock/ui/components/button"
 
-import { buttonVariants } from "@dingify/ui/components/button";
+import { cn } from "@/lib/utils"
+import { UserAuthForm } from "@/components/forms/user-auth-form"
+import { Icons } from "@/components/shared/icons"
 
 export const metadata: Metadata = {
   title: "Login",
   description: "Login to your account",
-};
+}
 
 export default function LoginPage() {
   return (
@@ -19,7 +19,7 @@ export default function LoginPage() {
         href="/"
         className={cn(
           buttonVariants({ variant: "outline", size: "sm" }),
-          "absolute left-4 top-4 md:left-8 md:top-8"
+          "absolute left-4 top-4 md:left-8 md:top-8",
         )}
       >
         <>
@@ -50,5 +50,5 @@ export default function LoginPage() {
         </p>
       </div>
     </div>
-  );
+  )
 }

apps/www/src/app/(auth)/register/page.tsx

@@ -1,7 +1,6 @@
 import { Suspense } from "react"
 import Link from "next/link"
-
-import { buttonVariants } from "@dingify/ui/components/button"
+import { buttonVariants } from "@propdock/ui/components/button"
 
 import { cn } from "@/lib/utils"
 import { UserAuthForm } from "@/components/forms/user-auth-form"

apps/www/src/app/(dashboard)/dashboard/billing/page.tsx

@@ -1,33 +1,33 @@
-import { redirect } from "next/navigation";
-import { BillingInfo } from "@/components/billing-info";
-import { LanugageButton } from "@/components/buttons/LanguageButton";
-import { DashboardHeader } from "@/components/dashboard/header";
-import { DashboardShell } from "@/components/dashboard/shell";
-import { Icons } from "@/components/shared/icons";
-import { authOptions } from "@/lib/auth";
-import { getCurrentUser } from "@/lib/session";
-import { getUserSubscriptionPlan } from "@/lib/subscription";
-
+import { redirect } from "next/navigation"
 import {
   Alert,
   AlertDescription,
   AlertTitle,
-} from "@dingify/ui/components/alert";
+} from "@propdock/ui/components/alert"
+
+import { authOptions } from "@/lib/auth"
+import { getCurrentUser } from "@/lib/session"
+import { getUserSubscriptionPlan } from "@/lib/subscription"
+import { BillingInfo } from "@/components/billing-info"
+import { LanugageButton } from "@/components/buttons/LanguageButton"
+import { DashboardHeader } from "@/components/dashboard/header"
+import { DashboardShell } from "@/components/dashboard/shell"
+import { Icons } from "@/components/shared/icons"
 
 export const metadata = {
   title: "Dingity Billing - Subscription Management",
   description:
     "Access and manage your billing information, view subscription plans, and update payment methods on Dingity's Billing page.",
-};
+}
 
 export default async function BillingPage() {
-  const user = await getCurrentUser();
+  const user = await getCurrentUser()
 
   if (!user) {
-    redirect(authOptions.pages?.signIn || "/login");
+    redirect(authOptions.pages?.signIn || "/login")
   }
 
-  const subscriptionPlan = await getUserSubscriptionPlan(user.id);
+  const subscriptionPlan = await getUserSubscriptionPlan(user.id)
 
   return (
     <DashboardShell>
@@ -57,5 +57,5 @@ export default async function BillingPage() {
       </div>
       {/* <LanugageButton userId={user.id} /> */}
     </DashboardShell>
-  );
+  )
 }

apps/www/src/app/(dashboard)/dashboard/loading.tsx

@@ -1,8 +1,8 @@
-import { Button } from "@dingify/ui/components/button";
+import { Button } from "@propdock/ui/components/button"
 
-import { DashboardHeader } from "@/components/dashboard/header";
-import { DashboardShell } from "@/components/dashboard/shell";
-import { CardSkeleton } from "@/components/shared/card-skeleton";
+import { DashboardHeader } from "@/components/dashboard/header"
+import { DashboardShell } from "@/components/dashboard/shell"
+import { CardSkeleton } from "@/components/shared/card-skeleton"
 
 export default function DashboardLoading() {
   return (
@@ -17,5 +17,5 @@ export default function DashboardLoading() {
         <CardSkeleton />
       </div>
     </DashboardShell>
-  );
+  )
 }

apps/www/src/app/(dashboard)/dashboard/notifications/page.tsx

@@ -1,39 +1,38 @@
-import { redirect } from "next/navigation";
-import { getMetricsForUser } from "@/actions/Dingify/get-metrics-user";
-import { getNotificationSettings } from "@/actions/Dingify/get-notification-settings";
-
+import { redirect } from "next/navigation"
+import { getMetricsForUser } from "@/actions/Dingify/get-metrics-user"
+import { getNotificationSettings } from "@/actions/Dingify/get-notification-settings"
 import {
   Card,
   CardContent,
   CardDescription,
   CardFooter,
   CardHeader,
   CardTitle,
-} from "@dingify/ui/components/card";
+} from "@propdock/ui/components/card"
 
-import { authOptions } from "@/lib/auth";
-import { getCurrentUser } from "@/lib/session";
-import { DashboardHeader } from "@/components/dashboard/header";
-import { DashboardShell } from "@/components/dashboard/shell";
-import { LanguageForm2 } from "@/components/forms/language-form2";
-import { UserNameForm } from "@/components/forms/user-name-form";
-import { NotificationAlert } from "@/components/notifications/NotificationAlert";
+import { authOptions } from "@/lib/auth"
+import { getCurrentUser } from "@/lib/session"
+import { DashboardHeader } from "@/components/dashboard/header"
+import { DashboardShell } from "@/components/dashboard/shell"
+import { LanguageForm2 } from "@/components/forms/language-form2"
+import { UserNameForm } from "@/components/forms/user-name-form"
+import { NotificationAlert } from "@/components/notifications/NotificationAlert"
 
 export const metadata = {
   title: "Dingify Notifications - Customize Your Alerts",
   description:
     "Adjust your Dingify notification settings for a personalized real-time monitoring experience. Manage alert preferences, notification channels, and more.",
-};
+}
 
 export default async function SettingsPage() {
-  const user = await getCurrentUser();
+  const user = await getCurrentUser()
 
   if (!user) {
-    redirect(authOptions.pages?.signIn || "/login");
+    redirect(authOptions.pages?.signIn || "/login")
   }
   // How to get the metrics for the user
-  const metrics = await getMetricsForUser();
-  const settings = await getNotificationSettings();
+  const metrics = await getMetricsForUser()
+  const settings = await getNotificationSettings()
 
   return (
     <DashboardShell>
@@ -43,5 +42,5 @@ export default async function SettingsPage() {
       />
       <NotificationAlert initialSettings={settings} />
     </DashboardShell>
-  );
+  )
 }

apps/www/src/app/(marketing)/open/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@dingify/ui/components/skeleton";
+import { Skeleton } from "@propdock/ui/components/skeleton"
 
 export default function Loading() {
   return (
@@ -24,5 +24,5 @@ export default function Loading() {
 
       <hr className="container" />
     </div>
-  );
+  )
 }

apps/www/src/app/(marketing)/pricing/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@dingify/ui/components/skeleton";
+import { Skeleton } from "@propdock/ui/components/skeleton"
 
 export default function Loading() {
   return (
@@ -24,5 +24,5 @@ export default function Loading() {
 
       <hr className="container" />
     </div>
-  );
+  )
 }

apps/www/src/app/(marketing)/pricing/page.tsx

@@ -1,22 +1,22 @@
-import { PricingCards } from "@/components/pricing-cards";
-import { PricingFaq } from "@/components/pricing-faq";
-import { getCurrentUser } from "@/lib/session";
-import { getUserSubscriptionPlan } from "@/lib/subscription";
+import { Skeleton } from "@propdock/ui/components/skeleton"
 
-import { Skeleton } from "@dingify/ui/components/skeleton";
+import { getCurrentUser } from "@/lib/session"
+import { getUserSubscriptionPlan } from "@/lib/subscription"
+import { PricingCards } from "@/components/pricing-cards"
+import { PricingFaq } from "@/components/pricing-faq"
 
 export const metadata = {
   title: "Dingify Pricing - Tailored Plans for Your Monitoring Needs",
   description:
     "Explore competitive pricing plans for Dingify. Find the perfect package to enhance your real-time monitoring, event tracking, and data analytics.",
-};
+}
 
 export default async function PricingPage() {
-  const user = await getCurrentUser();
-  let subscriptionPlan;
+  const user = await getCurrentUser()
+  let subscriptionPlan
 
   if (user) {
-    subscriptionPlan = await getUserSubscriptionPlan(user.id);
+    subscriptionPlan = await getUserSubscriptionPlan(user.id)
   }
 
   return (
@@ -25,5 +25,5 @@ export default async function PricingPage() {
       <hr className="container" />
       <PricingFaq />
     </div>
-  );
+  )
 }

apps/www/src/app/(property)/property/[id]/building/page.tsx

@@ -1,13 +1,12 @@
 import Link from "next/link"
 import { getPropertyDetails } from "@/actions/get-property-details"
-
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@dingify/ui/components/card"
+} from "@propdock/ui/components/card"
 
 import { AddBuildingSheet } from "@/components/buttons/AddBuildingSheet"
 import { DashboardHeader } from "@/components/dashboard/header"
@@ -65,7 +64,7 @@ export default async function PropertyPage({
               <AddBuildingSheet propertyId={propertyId} />
             </EmptyPlaceholder>
           ) : (
-            <div className="grid md:grid-cols-2 xl:grid-cols-4 gap-8">
+            <div className="grid gap-8 md:grid-cols-2 xl:grid-cols-4">
               {propertyDetails.buildings.map((building) => (
                 <Card key={building.id}>
                   <CardHeader className="mb-5 bg-gradient-to-b from-muted/50 to-muted/10">

apps/www/src/app/(property)/property/[id]/page.tsx

@@ -1,15 +1,14 @@
 import Link from "next/link"
 import { getPropertyDetails } from "@/actions/get-property-details"
-
-import { Badge } from "@dingify/ui/components/badge"
+import { Badge } from "@propdock/ui/components/badge"
 import {
   Card,
   CardContent,
   CardDescription,
   CardFooter,
   CardHeader,
   CardTitle,
-} from "@dingify/ui/components/card"
+} from "@propdock/ui/components/card"
 
 import { AddBuildingSheet } from "@/components/buttons/AddBuildingSheet"
 import { DashboardHeader } from "@/components/dashboard/header"