refactor: lucide imports

Author: leonardcser

apps/web/src/components/org-layout.tsx

@@ -1,14 +1,12 @@
 import type { OrganizationInfo } from "@dafthunk/types";
-import {
-  Database,
-  KeyRound,
-  LayoutDashboard,
-  Lock,
-  Logs,
-  SquareTerminal,
-  Target,
-  Users,
-} from "lucide-react";
+import Database from "lucide-react/icons/database";
+import KeyRound from "lucide-react/icons/key-round";
+import LayoutDashboard from "lucide-react/icons/layout-dashboard";
+import Lock from "lucide-react/icons/lock";
+import Logs from "lucide-react/icons/logs";
+import SquareTerminal from "lucide-react/icons/square-terminal";
+import Target from "lucide-react/icons/target";
+import Users from "lucide-react/icons/users";
 import React, { useEffect } from "react";
 import { useParams } from "react-router";
 

apps/web/src/pages/members-page.tsx

@@ -1,6 +1,7 @@
 import type { ColumnDef } from "@tanstack/react-table";
 import { format } from "date-fns";
-import { MoreHorizontal, Plus } from "lucide-react";
+import MoreHorizontal from "lucide-react/icons/more-horizontal";
+import Plus from "lucide-react/icons/plus";
 import { useCallback, useEffect, useState } from "react";
 import { useParams } from "react-router";
 import { toast } from "sonner";

apps/web/src/routes.tsx

@@ -1,4 +1,5 @@
-import { Building2, User } from "lucide-react";
+import Building2 from "lucide-react/icons/building-2";
+import User from "lucide-react/icons/user";
 import React from "react";
 import type { RouteObject, RouterState } from "react-router";
 import { Navigate } from "react-router";

apps/web/src/types/lucide.d.ts

@@ -1,11 +1,5 @@
-import type { LucideIcon } from "lucide-react";
-
-declare module "lucide-react/icons/*" {
-  const icon: LucideIcon;
-  export default icon;
-}
-
 declare module "lucide-react/icons/*" {
+  import { LucideIcon } from "lucide-react";
   const icon: LucideIcon;
   export default icon;
 }