feat: add icons

src/app/(authenticated)/(dashboard)/[publicId]/captable/page.tsx

@@ -1,6 +1,6 @@
 import EmptyState from "@/components/common/empty-state";
 import { Button } from "@/components/ui/button";
-import { RiPieChartFill } from "@remixicon/react";
+import { Icon } from "@/components/ui/icon";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
@@ -10,7 +10,7 @@ export const metadata: Metadata = {
 const CaptablePage = () => {
   return (
     <EmptyState
-      icon={<RiPieChartFill />}
+      icon={<Icon name="pie-chart-fill" />}
       title="Work in progress."
       subtitle="This page is not yet available."
     >

src/app/(authenticated)/(dashboard)/[publicId]/documents/[bucketId]/page.tsx

@@ -2,6 +2,7 @@ import FileIcon from "@/components/common/file-icon";
 import FilePreview from "@/components/file/preview";
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
+import { Icon } from "@/components/ui/icon";
 import { withServerComponentSession } from "@/server/auth";
 import { db } from "@/server/db";
 import { getPresignedGetUrl } from "@/server/file-uploads";
@@ -42,7 +43,7 @@ const DocumentPreview = async ({
             size="icon"
             className="-mt-1 mr-3 flex items-center rounded-full"
           >
-            <RiArrowLeftSLine className="h-5 w-5" />
+            <Icon name="arrow-left-s-line" size="md" />
           </Button>
         </Link>
 

src/app/(authenticated)/(dashboard)/[publicId]/documents/document-upload-button.tsx

@@ -2,7 +2,7 @@
 
 import { pushModal } from "@/components/modals";
 import { Button } from "@/components/ui/button";
-import { RiAddFill } from "@remixicon/react";
+import { Icon } from "@/components/ui/icon";
 import React from "react";
 
 type DocumentUploadButtonProps = {
@@ -22,7 +22,7 @@ export const DocumentUploadButton = ({
         });
       }}
     >
-      <RiAddFill className="mr-2 h-5 w-5" />
+      <Icon name="add-fill" size="md" className="mr-2" />
       {buttonDisplayName}
     </Button>
   );

src/app/(authenticated)/(dashboard)/[publicId]/documents/page.tsx

@@ -1,11 +1,11 @@
 import EmptyState from "@/components/common/empty-state";
 import { PageLayout } from "@/components/dashboard/page-layout";
 import { Card } from "@/components/ui/card";
+import { Icon } from "@/components/ui/icon";
 import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
 import { serverAccessControl } from "@/lib/rbac/access-control";
 import { withServerComponentSession } from "@/server/auth";
 import { api } from "@/trpc/server";
-import { RiUploadCloudLine } from "@remixicon/react";
 import type { Metadata } from "next";
 import DocumentsTable from "./components/table";
 import { DocumentUploadButton } from "./document-upload-button";
@@ -32,7 +32,7 @@ const DocumentsPage = async () => {
   if (documents.length === 0) {
     return (
       <EmptyState
-        icon={<RiUploadCloudLine />}
+        icon={<Icon name="upload-cloud-line" />}
         title="You do not have any documents!"
         subtitle="Please click the button below to upload a new document."
       >