diff --git a/packages/backend/package.json b/packages/backend/package.json
index d76f430b..d53a96d3 100644
--- a/packages/backend/package.json
+++ b/packages/backend/package.json
@@ -54,7 +54,7 @@
     "@types/cookie-session": "^2.0.49",
     "@types/express-session": "^1.17.10",
     "@types/fs-extra": "^11.0.4",
-    "better-sqlite3": "^9.2.2",
+    "better-sqlite3": "^9.4.1",
     "copyfiles": "^2.4.1",
     "prettier": "^3.1.1",
     "workspace": "^0.0.1-preview.1"
diff --git a/packages/frontend/src/components/SearchBar.tsx b/packages/frontend/src/components/SearchBar.tsx
index 23bed3fb..d426794e 100644
--- a/packages/frontend/src/components/SearchBar.tsx
+++ b/packages/frontend/src/components/SearchBar.tsx
@@ -1,6 +1,6 @@
 import React, { forwardRef, RefAttributes } from 'react';
 
-import { SearchIcon } from './shared/CustomIcon';
+import { Search } from 'lucide-react';
 import { Input, InputProps } from './shared/Input';
 
 const SearchBar: React.ForwardRefRenderFunction<
@@ -10,7 +10,7 @@ const SearchBar: React.ForwardRefRenderFunction<
   return (
     <div className="relative flex w-full">
       <Input
-        leftIcon={<SearchIcon className="text-foreground-secondary" />}
+        leftIcon={<Search className="text-foreground-secondary" />}
         onChange={onChange}
         value={value}
         type="search"
diff --git a/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx b/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx
index 4070c173..f761bffb 100644
--- a/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx
@@ -6,14 +6,12 @@ import { Deployment, Domain } from 'gql-client';
 import DeploymentDialogBodyCard from 'components/projects/project/deployments/DeploymentDialogBodyCard';
 import { Button } from 'components/shared/Button';
 import {
-  ChevronDoubleDownIcon,
-  LinkChainIcon,
-} from 'components/shared/CustomIcon';
+  ChevronDown,
+  Link,
+  ArrowRightCircle,
+  Loader2,
+} from 'lucide-react';
 import { TagProps } from 'components/shared/Tag';
-import {
-  ArrowRightCircleFilledIcon,
-  LoadingIcon,
-} from 'components/shared/CustomIcon';
 
 interface ChangeStateToProductionDialogProps extends ConfirmDialogProps {
   deployment: Deployment;
@@ -51,9 +49,9 @@ export const ChangeStateToProductionDialog = ({
       confirmButtonProps={{
         disabled: isConfirmButtonLoading,
         rightIcon: isConfirmButtonLoading ? (
-          <LoadingIcon className="animate-spin" />
+          <Loader2 className="animate-spin" />
         ) : (
-          <ArrowRightCircleFilledIcon />
+          <ArrowRightCircle />
         ),
       }}
     >
@@ -70,7 +68,7 @@ export const ChangeStateToProductionDialog = ({
             <>
               <div className="flex items-center justify-between w-full text-elements-info">
                 {Array.from({ length: 7 }).map((_, index) => (
-                  <ChevronDoubleDownIcon key={index} />
+                  <ChevronDown key={index} />
                 ))}
               </div>
               <DeploymentDialogBodyCard
@@ -90,7 +88,7 @@ export const ChangeStateToProductionDialog = ({
                 <Button
                   as="a"
                   href={value.name}
-                  leftIcon={<LinkChainIcon size={18} />}
+                  leftIcon={<Link size={18} />}
                   variant="link"
                   key={value.id}
                 >
diff --git a/packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx b/packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx
index a4bf4f92..878cf460 100644
--- a/packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx
@@ -2,9 +2,9 @@ import ConfirmDialog, {
   ConfirmDialogProps,
 } from 'components/shared/ConfirmDialog';
 import {
-  ArrowRightCircleFilledIcon,
-  LoadingIcon,
-} from 'components/shared/CustomIcon';
+  AlertTriangle,
+} from 'lucide-react';
+  
 
 interface DeleteDeploymentDialogProps extends ConfirmDialogProps {
   isConfirmButtonLoading?: boolean;
@@ -33,9 +33,9 @@ export const DeleteDeploymentDialog = ({
         variant: 'danger',
         disabled: isConfirmButtonLoading,
         rightIcon: isConfirmButtonLoading ? (
-          <LoadingIcon className="animate-spin" />
+          <AlertTriangle className="animate-spin" />
         ) : (
-          <ArrowRightCircleFilledIcon />
+          <AlertTriangle />
         ),
       }}
     >
diff --git a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
index 11b28506..b3ffbc26 100644
--- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
+++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
@@ -14,12 +14,11 @@ import { Project } from 'gql-client';
 import { Avatar } from 'components/shared/Avatar';
 import { Button } from 'components/shared/Button';
 import {
-  BranchIcon,
-  ClockIcon,
-  GithubLogoIcon,
-  HorizontalDotIcon,
-  WarningDiamondIcon,
-} from 'components/shared/CustomIcon';
+  GitBranch,
+  AlertTriangle,
+  MoreHorizontal,
+  Clock,
+} from 'lucide-react';
 import { Tooltip } from 'components/shared/Tooltip';
 import { WavyBorder } from 'components/shared/WavyBorder';
 import { relativeTimeMs } from 'utils/time';
@@ -92,7 +91,7 @@ export const ProjectCard = ({
         </div>
         {/* Icons */}
         <div className={theme.icons()}>
-          {hasError && <WarningDiamondIcon className="text-error" />}
+          {hasError && <AlertTriangle className="text-error" />}
           <Menu placement="bottom-end">
             <MenuHandler>
               <Button
@@ -102,7 +101,7 @@ export const ProjectCard = ({
                 iconOnly
                 onClick={handleOptionsClick}
               >
-                <HorizontalDotIcon />
+                <MoreHorizontal />
               </Button>
             </MenuHandler>
             <MenuList className="dark:bg-overlay3 dark:shadow-background dark:border-none">
@@ -142,14 +141,14 @@ export const ProjectCard = ({
         <div className={theme.deploymentText()}>
           {hasDeployment ? (
             <>
-              <GithubLogoIcon />
+              <GitBranch />
               <span>{relativeTimeMs(project.deployments[0].createdAt)} on</span>
-              <BranchIcon />
+              <Clock />
               <span>{project.deployments[0].branch}</span>
             </>
           ) : (
             <>
-              <ClockIcon />
+              <Clock />
               <span>Created {relativeTimeMs(project.createdAt)}</span>
             </>
           )}
diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx
index 6f34c3af..a758bc04 100644
--- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx
+++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from 'react';
 import * as Dialog from '@radix-ui/react-dialog';
 import { Button } from 'components/shared/Button';
-import { CrossIcon, SearchIcon } from 'components/shared/CustomIcon';
+import { X, Search } from 'lucide-react';
 import { Input } from 'components/shared/Input';
 import { useGQLClient } from 'context/GQLClientContext';
 import { Project } from 'gql-client';
@@ -81,13 +81,13 @@ export const ProjectSearchBarDialog = ({
             <div className="py-2.5 px-4 flex items-center justify-between border-b border-border-separator/[0.06]">
               <Input
                 {...getInputProps({}, { suppressRefError: true })}
-                leftIcon={<SearchIcon />}
+                leftIcon={<Search />}
                 placeholder="Search"
                 appearance="borderless"
                 autoFocus
               />
               <Button iconOnly variant="ghost" onClick={handleClose}>
-                <CrossIcon size={16} />
+                <X size={16} />
               </Button>
             </div>
             {/* Content */}
diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx
index b901cec0..9e86bc3c 100644
--- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx
+++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx
@@ -1,4 +1,4 @@
-import { InfoRoundFilledIcon } from 'components/shared/CustomIcon';
+import { Search } from 'lucide-react';
 import { ComponentPropsWithoutRef } from 'react';
 import { cn } from 'utils/classnames';
 
@@ -14,7 +14,7 @@ export const ProjectSearchBarEmpty = ({
       className={cn('flex items-center px-2 py-2 gap-3', className)}
     >
       <div className="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-50 text-elements-warning dark:bg-red-50 text-error">
-        <InfoRoundFilledIcon size={16} />
+        <Search size={16} />
       </div>
       <p className="text-elements-low-em text-sm dark:text-foreground-secondary tracking-[-0.006em]">
         No projects matching this name
diff --git a/packages/frontend/src/components/projects/create/Configure.tsx b/packages/frontend/src/components/projects/create/Configure.tsx
index 24e85379..9db32199 100644
--- a/packages/frontend/src/components/projects/create/Configure.tsx
+++ b/packages/frontend/src/components/projects/create/Configure.tsx
@@ -11,12 +11,9 @@ import { useMediaQuery } from 'usehooks-ts';
 
 import { FormControl, FormHelperText, MenuItem, Select } from '@mui/material';
 
-import {
-  ArrowRightCircleFilledIcon,
-  LoadingIcon,
-} from 'components/shared/CustomIcon';
 import { Input } from 'components/shared/Input';
 import { useToast } from 'components/shared/Toast';
+import { ArrowRightCircle, Loader2 } from 'lucide-react';
 import EnvironmentVariablesForm from 'pages/org-slug/projects/id/settings/EnvironmentVariablesForm';
 import { EnvironmentVariablesFormValues } from 'types/types';
 import {
@@ -48,7 +45,6 @@ const Configure = () => {
   const [selectedAccount, setSelectedAccount] = useState<string>();
   const [selectedDeployer, setSelectedDeployer] = useState<Deployer>();
   const [isPaymentLoading, setIsPaymentLoading] = useState(false);
-  const [isPaymentDone, setIsPaymentDone] = useState(false);
   const [isFrameVisible, setIsFrameVisible] = useState(false);
   const [isAccountsDataReceived, setIsAccountsDataReceived] = useState(false);
   const [balanceMessage, setBalanceMessage] = useState<string>();
@@ -257,7 +253,6 @@ const Configure = () => {
               variant: 'success',
               onDismiss: dismiss,
             });
-            setIsPaymentDone(true);
           } else {
             toast({
               id: 'invalid-tx-hash',
@@ -344,7 +339,6 @@ const Configure = () => {
       let timeoutId;
 
       try {
-        setIsPaymentDone(false);
         setIsPaymentLoading(true);
 
         await requestTx(senderAddress, snowballAddress, amount);
@@ -441,6 +435,10 @@ const Configure = () => {
     }
   }, [isBalanceSufficient]);
 
+  const handleConfigureDeployment = useCallback(() => {
+    methods.handleSubmit(handleFormSubmit)();
+  }, [handleFormSubmit, methods]);
+
   return (
     <div className="space-y-7 px-4 py-6">
       <div className="flex justify-between mb-6">
@@ -593,9 +591,9 @@ const Configure = () => {
                   disabled={isLoading || !selectedDeployer}
                   rightIcon={
                     isLoading ? (
-                      <LoadingIcon className="animate-spin" />
+                      <Loader2 className="ml-2 h-4 w-4 animate-spin" />
                     ) : (
-                      <ArrowRightCircleFilledIcon />
+                      <ArrowRightCircle className="ml-2 h-4 w-4" />
                     )
                   }
                 >
@@ -606,8 +604,6 @@ const Configure = () => {
               <div className="flex gap-4">
                 <Button
                   {...buttonSize}
-                  type="submit"
-                  shape="default"
                   disabled={
                     isLoading ||
                     isPaymentLoading ||
@@ -618,19 +614,24 @@ const Configure = () => {
                   }
                   rightIcon={
                     isLoading || isPaymentLoading ? (
-                      <LoadingIcon className="animate-spin" />
+                      <Loader2 className="ml-2 h-4 w-4 animate-spin" />
                     ) : (
-                      <ArrowRightCircleFilledIcon />
+                      <ArrowRightCircle className="ml-2 h-4 w-4" />
                     )
                   }
+                  onClick={handleConfigureDeployment}
                 >
-                  {!isPaymentDone
-                    ? isPaymentLoading
-                      ? 'Transaction Requested'
-                      : 'Pay and Deploy'
-                    : isLoading
-                      ? 'Deploying'
-                      : 'Deploy'}
+                  {isLoading ? (
+                    <>
+                      Configuring...
+                      <Loader2 className="ml-2 h-4 w-4 animate-spin" />
+                    </>
+                  ) : (
+                    <>
+                      Configure
+                      <ArrowRightCircle className="ml-2 h-4 w-4" />
+                    </>
+                  )}
                 </Button>
                 {isAccountsDataReceived && isBalanceSufficient !== undefined ? (
                   !selectedAccount || !isBalanceSufficient ? (
@@ -653,7 +654,7 @@ const Configure = () => {
                       <p className="text-gray-700 dark:text-gray-300">
                         {balanceMessage !== undefined ? (
                           <div className="flex items-center gap-2 text-white">
-                            <LoadingIcon className="animate-spin w-5 h-5" />
+                            <Loader2 className="animate-spin w-5 h-5" />
                             <p>{balanceMessage}</p>
                           </div>
                         ) : !selectedAccount ? (
diff --git a/packages/frontend/src/components/projects/create/ConnectAccount.tsx b/packages/frontend/src/components/projects/create/ConnectAccount.tsx
index c8cf534f..028b8a64 100644
--- a/packages/frontend/src/components/projects/create/ConnectAccount.tsx
+++ b/packages/frontend/src/components/projects/create/ConnectAccount.tsx
@@ -3,18 +3,13 @@ import OauthPopup from 'react-oauth-popup';
 
 import { useGQLClient } from '../../../context/GQLClientContext';
 import { Button } from '../../shared/Button';
-import {
-  GitIcon,
-  EllipsesIcon,
-  GithubIcon,
-  GitTeaIcon,
-} from '../../shared/CustomIcon';
-import { useToast } from '../../shared/Toast';
-import { IconWithFrame } from '../../shared/IconWithFrame';
-import { Heading } from '../../shared/Heading';
-import { MockConnectGitCard } from './MockConnectGitCard';
+
+import { Github, GitBranch, MoreHorizontal } from 'lucide-react';
 import { VITE_GITHUB_CLIENT_ID } from 'utils/constants';
-import { LaconicIcon } from 'components/shared/CustomIcon/LaconicIcon';
+import { Heading } from '../../shared/Heading';
+import { IconWithFrame } from '../../shared/IconWithFrame';
+import { useToast } from '../../shared/Toast';
+import { MockConnectGitCard } from './MockConnectGitCard';
 
 const SCOPES = 'public_repo user';
 const GITHUB_OAUTH_URL = `https://github.com/login/oauth/authorize?client_id=${VITE_GITHUB_CLIENT_ID}&scope=${encodeURIComponent(SCOPES)}`;
@@ -50,11 +45,11 @@ const ConnectAccount: React.FC<ConnectAccountInterface> = ({
       <div className="flex flex-col items-center max-w-[420px]">
         {/** Icons */}
         <div className="w-52 h-16 justify-center items-center gap-4 inline-flex mb-7">
-          <IconWithFrame icon={<GitIcon />} hasHighlight={false} />
-          <EllipsesIcon className="items-center gap-1.5 flex" />
+          <IconWithFrame icon={<GitBranch />} hasHighlight={false} />
+          <MoreHorizontal className="items-center gap-1.5 flex" />
           <IconWithFrame
             className="bg-background"
-            icon={<LaconicIcon />}
+            icon={<Github className="mr-2" />}
             hasHighlight={false}
           />
         </div>
@@ -80,7 +75,7 @@ const ConnectAccount: React.FC<ConnectAccountInterface> = ({
           >
             <Button
               className="w-full sm:w-auto"
-              leftIcon={<GithubIcon />}
+              leftIcon={<Github />}
               variant="primary"
             >
               Connect to GitHub
@@ -88,7 +83,7 @@ const ConnectAccount: React.FC<ConnectAccountInterface> = ({
           </OauthPopup>
           <Button
             className="w-full sm:w-auto"
-            leftIcon={<GitTeaIcon />}
+            leftIcon={<Github />}
             variant="primary"
           >
             Connect to GitTea
diff --git a/packages/frontend/src/components/projects/create/Deploy.tsx b/packages/frontend/src/components/projects/create/Deploy.tsx
index 3bf8ac13..9822fa27 100644
--- a/packages/frontend/src/components/projects/create/Deploy.tsx
+++ b/packages/frontend/src/components/projects/create/Deploy.tsx
@@ -7,7 +7,7 @@ import { DeployStep, DeployStatus } from './DeployStep';
 import { Stopwatch, setStopWatchOffset } from '../../StopWatch';
 import { Heading } from '../../shared/Heading';
 import { Button } from '../../shared/Button';
-import { ClockOutlineIcon, WarningIcon } from '../../shared/CustomIcon';
+import { Clock, AlertTriangle } from 'lucide-react';
 import { CancelDeploymentDialog } from '../../projects/Dialog/CancelDeploymentDialog';
 import { useGQLClient } from 'context/GQLClientContext';
 
@@ -119,7 +119,7 @@ const Deploy = () => {
             Deployment started ...
           </Heading>
           <div className="flex items-center gap-1.5">
-            <ClockOutlineIcon size={16} className="text-elements-mid-em" />
+            <Clock size={16} className="text-elements-mid-em" />
             <Stopwatch
               offsetTimestamp={setStopWatchOffset(Date.now().toString())}
               isPaused={isDeploymentFailed}
@@ -130,7 +130,7 @@ const Deploy = () => {
           onClick={handleOpen}
           size="sm"
           variant="tertiary"
-          leftIcon={<WarningIcon size={16} />}
+          leftIcon={<AlertTriangle size={16} />}
         >
           Cancel
         </Button>
diff --git a/packages/frontend/src/components/projects/create/DeployStep.tsx b/packages/frontend/src/components/projects/create/DeployStep.tsx
index 329bf918..fc9f8ab4 100644
--- a/packages/frontend/src/components/projects/create/DeployStep.tsx
+++ b/packages/frontend/src/components/projects/create/DeployStep.tsx
@@ -1,10 +1,6 @@
 import { Stopwatch, setStopWatchOffset } from '../../StopWatch';
 import { cn } from 'utils/classnames';
-import {
-  CheckRoundFilledIcon,
-  ClockOutlineIcon,
-  LoaderIcon,
-} from 'components/shared/CustomIcon';
+import { Check, Clock, Loader2 } from 'lucide-react';
 
 enum DeployStatus {
   PROCESSING = 'progress',
@@ -36,7 +32,7 @@ const DeployStep = ({ step, status, title, startTime }: DeployStepsProps) => {
               </div>
             )}
             {status === DeployStatus.PROCESSING && (
-              <LoaderIcon className="animate-spin text-elements-link dark:text-foreground" />
+              <Loader2 className="animate-spin text-elements-link dark:text-foreground" />
             )}
           </div>
 
@@ -55,7 +51,7 @@ const DeployStep = ({ step, status, title, startTime }: DeployStepsProps) => {
         {/* Timer */}
         {status === DeployStatus.PROCESSING && (
           <div className="flex items-center gap-1.5">
-            <ClockOutlineIcon
+            <Clock
               size={16}
               className="text-elements-low-em dark:text-foreground-secondary"
             />
@@ -68,7 +64,7 @@ const DeployStep = ({ step, status, title, startTime }: DeployStepsProps) => {
         {status === DeployStatus.COMPLETE && (
           <div className="flex items-center gap-1.5">
             <div className="w-4.5 h-4.5 grid place-content-center">
-              <CheckRoundFilledIcon
+              <Check
                 className="text-elements-success"
                 size={15}
               />
diff --git a/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx b/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx
index df67468d..04e4c6e8 100644
--- a/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx
+++ b/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx
@@ -3,12 +3,7 @@ import { SegmentedControls } from 'components/shared/SegmentedControls';
 import { useState } from 'react';
 import { useMediaQuery } from 'usehooks-ts';
 
-import {
-  GithubIcon,
-  LockIcon,
-  TemplateIcon,
-  TemplateIconType,
-} from 'components/shared/CustomIcon';
+import { Github, GitBranch, LayoutDashboard } from 'lucide-react';
 import { relativeTimeISO } from 'utils/time';
 import templates from 'assets/templates';
 
@@ -103,7 +98,7 @@ const MockProjectCard = ({
     <div className="group flex items-start sm:items-center gap-3 pl-3 py-3 cursor-pointer rounded-xl hover:bg-base-bg-emphasized dark:hover:bg-background relative">
       {/* Icon container */}
       <div className="w-10 h-10 bg-base-bg dark:bg-background rounded-md justify-center items-center flex">
-        <GithubIcon />
+        <Github className="h-5 w-5" />
       </div>
       {/* Content */}
       <div className="flex flex-1 gap-3 flex-wrap">
@@ -117,7 +112,7 @@ const MockProjectCard = ({
         </div>
         {visibility === 'private' && (
           <div className="bg-orange-50 border border-orange-200 px-2 py-1 flex items-center gap-1 rounded-lg text-xs text-orange-600 h-fit">
-            <LockIcon />
+            <GitBranch className="h-4 w-4" />
             Private
           </div>
         )}
@@ -126,17 +121,13 @@ const MockProjectCard = ({
   );
 };
 
-const MockTemplateCard = ({ icon, name }: { icon: string; name: string }) => {
+const MockTemplateCard = ({ name }: { name: string }) => {
   return (
-    <div className="flex items-center gap-3 px-3 py-3 hover:bg-base-bg-emphasized dark:hover:bg-background relative rounded-2xl group relative cursor-default">
-      {/* Icon */}
-      <div className="px-1 py-1 rounded-xl bg-base-bg dark:bg-background border border-border-interactive/10 shadow-card-sm">
-        <TemplateIcon type={icon as TemplateIconType} />
-      </div>
-      {/* Name */}
-      <p className="flex-1 text-left text-sm tracking-tighter text-elements-high-em dark:text-foreground">
-        {name}
-      </p>
+    <div className="flex items-center gap-2">
+      <LayoutDashboard className="h-4 w-4" />
+      <p className="text-sm font-medium text-elements-primary">{name}</p>
     </div>
   );
 };
+
+export { MockProjectCard, MockTemplateCard };
diff --git a/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx b/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx
index 0ef3d4d1..6c8403f8 100644
--- a/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx
+++ b/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx
@@ -3,16 +3,12 @@ import { useNavigate, useParams } from 'react-router-dom';
 
 import { Spinner } from '@snowballtools/material-tailwind-react-fork';
 
-import { relativeTimeISO } from 'utils/time';
-import { GitRepositoryDetails } from '../../../../types/types';
-import { useGQLClient } from 'context/GQLClientContext';
-import {
-  ArrowRightCircleIcon,
-  GithubIcon,
-  LockIcon,
-} from 'components/shared/CustomIcon';
 import { Button } from 'components/shared/Button';
 import { useToast } from 'components/shared/Toast';
+import { useGQLClient } from 'context/GQLClientContext';
+import { ArrowRight, Github, Lock } from 'lucide-react';
+import { relativeTimeISO } from 'utils/time';
+import { GitRepositoryDetails } from '../../../../types/types';
 
 interface ProjectRepoCardProps {
   repository: GitRepositoryDetails;
@@ -50,7 +46,7 @@ export const ProjectRepoCard: React.FC<ProjectRepoCardProps> = ({
     >
       {/* Icon container */}
       <div className="w-10 h-10 bg-base-bg rounded-md justify-center items-center flex dark:bg-overlay">
-        <GithubIcon />
+        <Github />
       </div>
       {/* Content */}
       <div className="flex flex-1 gap-3 flex-wrap">
@@ -64,7 +60,7 @@ export const ProjectRepoCard: React.FC<ProjectRepoCardProps> = ({
         </div>
         {repository.visibility === 'private' && (
           <div className="bg-orange-50 border border-orange-200 px-2 py-1 flex items-center gap-1 rounded-lg text-xs text-orange-600 dark:text-error h-fit">
-            <LockIcon />
+            <Lock />
             Private
           </div>
         )}
@@ -79,7 +75,7 @@ export const ProjectRepoCard: React.FC<ProjectRepoCardProps> = ({
           iconOnly
           className="sm:group-hover:flex hidden absolute right-3"
         >
-          <ArrowRightCircleIcon />
+          <ArrowRight />
         </Button>
       )}
     </div>
diff --git a/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx b/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx
index 4fad05e6..8b4154bd 100644
--- a/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx
+++ b/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx
@@ -5,11 +5,10 @@ import { useDebounce } from 'usehooks-ts';
 import { ProjectRepoCard } from 'components/projects/create/ProjectRepoCard';
 import { GitOrgDetails, GitRepositoryDetails } from '../../../../types/types';
 import {
-  ChevronGrabberHorizontal,
-  GithubIcon,
-  RefreshIcon,
-  SearchIcon,
-} from 'components/shared/CustomIcon';
+  Github,
+  RotateCw,
+  Search,
+} from 'lucide-react';
 import { Select, SelectOption } from 'components/shared/Select';
 import { Input } from 'components/shared/Input';
 import { Button } from 'components/shared/Button';
@@ -122,7 +121,7 @@ export const RepositoryList = () => {
     return accounts.map((account) => ({
       label: account.login,
       value: account.login,
-      leftIcon: <GithubIcon />,
+      leftIcon: <Github />,
     }));
   }, [accounts]);
 
@@ -135,8 +134,8 @@ export const RepositoryList = () => {
             options={options}
             placeholder="Select a repository"
             value={selectedAccount}
-            leftIcon={selectedAccount ? <GithubIcon /> : undefined}
-            rightIcon={<ChevronGrabberHorizontal />}
+            leftIcon={selectedAccount ? <Github /> : undefined}
+            rightIcon={<RotateCw />}
             onChange={(value) => setSelectedAccount(value as SelectOption)}
           />
         </div>
@@ -145,7 +144,7 @@ export const RepositoryList = () => {
             className="w-full"
             value={searchedRepo}
             placeholder="Search for repository"
-            leftIcon={<SearchIcon />}
+            leftIcon={<Search />}
             onChange={(e) => setSearchedRepo(e.target.value)}
           />
         </div>
@@ -171,7 +170,7 @@ export const RepositoryList = () => {
           </p>
           <Button
             variant="tertiary"
-            leftIcon={<RefreshIcon />}
+            leftIcon={<RotateCw />}
             size="sm"
             onClick={handleResetFilters}
           >
diff --git a/packages/frontend/src/components/projects/create/TemplateCard/TemplateCard.tsx b/packages/frontend/src/components/projects/create/TemplateCard/TemplateCard.tsx
index afae4827..9470e36d 100644
--- a/packages/frontend/src/components/projects/create/TemplateCard/TemplateCard.tsx
+++ b/packages/frontend/src/components/projects/create/TemplateCard/TemplateCard.tsx
@@ -1,14 +1,9 @@
-import React, { ComponentPropsWithoutRef, useCallback } from 'react';
 import { Button } from 'components/shared/Button';
-import {
-  ArrowRightCircleIcon,
-  ClockOutlineIcon,
-  TemplateIcon,
-  TemplateIconType,
-} from 'components/shared/CustomIcon';
 import { Tag } from 'components/shared/Tag';
-import { useNavigate, useParams } from 'react-router-dom';
 import { useToast } from 'components/shared/Toast';
+import { GitBranch } from 'lucide-react';
+import React, { ComponentPropsWithoutRef, useCallback } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
 import { cn } from 'utils/classnames';
 
 export interface TemplateDetail {
@@ -66,14 +61,14 @@ export const TemplateCard: React.FC<TemplateCardProps> = ({
     >
       {/* Icon */}
       <div className="px-1 py-1 rounded-xl bg-base-bg border border-border-interactive/10 shadow-card-sm">
-        <TemplateIcon type={template.icon as TemplateIconType} />
+        <GitBranch />
       </div>
       {/* Name */}
       <p className="flex-1 text-left text-sm tracking-tighter text-elements-high-em">
         {template.name}
       </p>
       {template?.isComingSoon ? (
-        <Tag size="xs" type="neutral" leftIcon={<ClockOutlineIcon />}>
+        <Tag size="xs" type="neutral" leftIcon={<GitBranch />}>
           Soon
         </Tag>
       ) : (
@@ -83,7 +78,7 @@ export const TemplateCard: React.FC<TemplateCardProps> = ({
           iconOnly
           className="group-hover:flex hidden absolute right-3"
         >
-          <ArrowRightCircleIcon />
+          <GitBranch />
         </Button>
       )}
     </div>
diff --git a/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx b/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx
index 28b4382f..39732ba9 100644
--- a/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx
+++ b/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx
@@ -21,14 +21,7 @@ import {
 } from 'components/shared';
 
 import { Button } from 'components/shared/Button';
-import {
-  BranchStrokeIcon,
-  CheckRoundFilledIcon,
-  ClockOutlineIcon,
-  CommitIcon,
-  LoadingIcon,
-  WarningIcon,
-} from 'components/shared/CustomIcon';
+import { GitBranch, Clock, CheckCircle, AlertTriangle } from 'lucide-react';
 import { Heading } from 'components/shared/Heading';
 import { OverflownText } from 'components/shared/OverflownText';
 import { Tag } from 'components/shared/Tag';
@@ -73,14 +66,14 @@ const DeploymentDetailsCard = ({
       status === DeploymentStatus.Building ||
       status === DeploymentStatus.Deleting
     ) {
-      return <LoadingIcon className="animate-spin" />;
+      return <div className="animate-spin" />;
     }
     if (status === DeploymentStatus.Ready) {
-      return <CheckRoundFilledIcon />;
+      return <CheckCircle />;
     }
 
     if (status === DeploymentStatus.Error) {
-      return <WarningIcon />;
+      return <AlertTriangle />;
     }
   };
 
@@ -164,13 +157,13 @@ const DeploymentDetailsCard = ({
       <div className="flex w-full justify-between md:w-[25%]">
         <div className="text-sm max-w-[60%] md:max-w-full space-y-2 w-full text-elements-low-em">
           <span className="flex gap-1.5 items-center">
-            <BranchStrokeIcon className="h-4 w-4" />
+            <GitBranch className="h-4 w-4" />
             <OverflownText content={deployment.branch}>
               {deployment.branch}
             </OverflownText>
           </span>
           <span className="flex w-full gap-2 items-center">
-            <CommitIcon />
+            <div className="h-4 w-4" />
             <OverflownText content={deployment.commitMessage}>
               {deployment.commitHash.substring(0, SHORT_COMMIT_HASH_LENGTH)}{' '}
               {deployment.commitMessage}
@@ -184,7 +177,7 @@ const DeploymentDetailsCard = ({
       <div className="md:ml-auto w-full md:max-w-[312px] md:w-[30%] gap-1 2xl:gap-5 flex items-center justify-between text-elements-low-em text-sm">
         <div className="flex md:w-[70%] xl:items-center gap-2 flex-1 xl:flex-row md:flex-col">
           <div className="flex gap-2 items-center">
-            <ClockOutlineIcon className="h-4 w-4" />
+            <Clock className="h-4 w-4" />
             <OverflownText content={relativeTimeMs(deployment.createdAt) ?? ''}>
               {relativeTimeMs(deployment.createdAt)}
             </OverflownText>
diff --git a/packages/frontend/src/components/projects/project/deployments/DeploymentDialogBodyCard.tsx b/packages/frontend/src/components/projects/project/deployments/DeploymentDialogBodyCard.tsx
index 79e2e04d..d771b775 100644
--- a/packages/frontend/src/components/projects/project/deployments/DeploymentDialogBodyCard.tsx
+++ b/packages/frontend/src/components/projects/project/deployments/DeploymentDialogBodyCard.tsx
@@ -3,10 +3,10 @@ import { Deployment } from 'gql-client';
 import { relativeTimeMs } from 'utils/time';
 import { SHORT_COMMIT_HASH_LENGTH } from '../../../../constants';
 import {
-  BranchStrokeIcon,
-  ClockOutlineIcon,
-  CommitIcon,
-} from 'components/shared/CustomIcon';
+  GitBranch,
+  Clock,
+  GitCommit,
+} from 'lucide-react';
 import { Avatar } from 'components/shared/Avatar';
 import { getInitials } from 'utils/geInitials';
 import { OverflownText } from 'components/shared/OverflownText';
@@ -44,11 +44,11 @@ const DeploymentDialogBodyCard = ({
         {/* Branch & commit */}
         <div className="flex items-center gap-6 text-elements-low-em">
           <div className="flex items-center gap-2">
-            <BranchStrokeIcon size={16} />
+            <GitBranch size={16} />
             <p className="text-sm tracking-[0.006em]">{deployment.branch}</p>
           </div>
           <div className="flex items-center gap-2 w-full">
-            <CommitIcon size={16} />
+            <GitCommit size={16} />
             <p className="text-sm tracking-[0.006em] max-w-[67.5%] sm:max-w-[80%]">
               <OverflownText content={commit}>{commit}</OverflownText>
             </p>
@@ -56,7 +56,7 @@ const DeploymentDialogBodyCard = ({
         </div>
       </div>
       <div className="flex items-center gap-2 text-elements-low-em">
-        <ClockOutlineIcon size={16} />
+        <Clock size={16} />
         <p className="text-sm tracking-[0.006em]">
           {relativeTimeMs(deployment.createdAt)}
         </p>
diff --git a/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx b/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx
index cb87aa98..e2743050 100644
--- a/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx
+++ b/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx
@@ -1,4 +1,4 @@
-import { useState, ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef, useState } from 'react';
 
 import {
   Menu,
@@ -7,21 +7,21 @@ import {
   MenuList,
 } from '@snowballtools/material-tailwind-react-fork';
 
-import { Deployment, Domain, Environment, Project } from 'gql-client';
-import { Button } from 'components/shared/Button';
-import {
-  HorizontalDotIcon,
-  LinkIcon,
-  RefreshIcon,
-  RocketIcon,
-  UndoIcon,
-  CrossCircleIcon,
-} from 'components/shared/CustomIcon';
-import { useGQLClient } from 'context/GQLClientContext';
-import { cn } from 'utils/classnames';
 import { ChangeStateToProductionDialog } from 'components/projects/Dialog/ChangeStateToProductionDialog';
-import { useToast } from 'components/shared/Toast';
 import { DeleteDeploymentDialog } from 'components/projects/Dialog/DeleteDeploymentDialog';
+import { Button } from 'components/shared/Button';
+import { useToast } from 'components/shared/Toast';
+import { useGQLClient } from 'context/GQLClientContext';
+import { Deployment, Domain, Environment, Project } from 'gql-client';
+import {
+  Link,
+  MoreHorizontal,
+  Rocket,
+  RotateCw,
+  Trash2,
+  Undo
+} from 'lucide-react';
+import { cn } from 'utils/classnames';
 
 interface DeploymentMenuProps extends ComponentPropsWithRef<'div'> {
   deployment: Deployment;
@@ -157,7 +157,7 @@ export const DeploymentMenu = ({
                 'h-8 w-8 rounded-full border border-transparent transition-colors background-transparent',
                 '[&[aria-expanded=true]]:border [&[aria-expanded=true]]:border-border-interactive [&[aria-expanded=true]]:bg-controls-tertiary [&[aria-expanded=true]]:shadow-button',
               )}
-              leftIcon={<HorizontalDotIcon />}
+              leftIcon={<MoreHorizontal />}
               aria-label="Toggle Menu"
             />
           </MenuHandler>
@@ -172,7 +172,7 @@ export const DeploymentMenu = ({
                 target="_blank"
                 rel="noreferrer"
               >
-                <LinkIcon /> Visit
+                <Link /> Visit
               </a>
             </MenuItem>
             <MenuItem
@@ -180,7 +180,7 @@ export const DeploymentMenu = ({
               onClick={() => setChangeToProduction(!changeToProduction)}
               disabled={!(deployment.environment !== Environment.Production)}
             >
-              <RocketIcon /> Change to production
+              <Rocket /> Change to production
             </MenuItem>
             <hr className="my-3" />
             <MenuItem
@@ -193,7 +193,7 @@ export const DeploymentMenu = ({
                 )
               }
             >
-              <RefreshIcon /> Redeploy to production
+              <RotateCw /> Redeploy
             </MenuItem>
             <MenuItem
               className="hover:bg-base-bg-emphasized flex items-center gap-3"
@@ -204,13 +204,13 @@ export const DeploymentMenu = ({
                 !Boolean(currentDeployment)
               }
             >
-              <UndoIcon /> Rollback to this version
+              <Undo /> Rollback
             </MenuItem>
             <MenuItem
               className="hover:bg-base-bg-emphasized flex items-center gap-3"
               onClick={() => setDeleteDeploymentDialog((preVal) => !preVal)}
             >
-              <CrossCircleIcon /> Delete deployment
+              <Trash2 /> Delete deployment
             </MenuItem>
           </MenuList>
         </Menu>
diff --git a/packages/frontend/src/components/projects/project/deployments/FilterForm.tsx b/packages/frontend/src/components/projects/project/deployments/FilterForm.tsx
index e63eac4c..d6fe85e8 100644
--- a/packages/frontend/src/components/projects/project/deployments/FilterForm.tsx
+++ b/packages/frontend/src/components/projects/project/deployments/FilterForm.tsx
@@ -1,16 +1,16 @@
 import { useEffect, useState } from 'react';
 
-import { Input } from 'components/shared/Input';
-import {
-  CheckRadioOutlineIcon,
-  CrossCircleIcon,
-  LoaderIcon,
-  SearchIcon,
-  TrendingIcon,
-  WarningTriangleIcon,
-} from 'components/shared/CustomIcon';
 import { DatePicker } from 'components/shared/DatePicker';
+import { Input } from 'components/shared/Input';
 import { Select, SelectOption } from 'components/shared/Select';
+import {
+  AlertTriangle,
+  CheckCircle,
+  Loader2,
+  Search,
+  TrendingUp,
+  X
+} from 'lucide-react';
 import { Value } from 'types/vendor';
 
 export enum StatusOptions {
@@ -53,14 +53,14 @@ const FilterForm = ({ value, onChange }: FilterFormProps) => {
   const getOptionIcon = (status: StatusOptions) => {
     switch (status) {
       case StatusOptions.BUILDING:
-        return <LoaderIcon />;
+        return <Loader2 />;
       case StatusOptions.READY:
-        return <CheckRadioOutlineIcon />;
+        return <CheckCircle />;
       case StatusOptions.ERROR:
-        return <WarningTriangleIcon />;
+        return <AlertTriangle />;
       case StatusOptions.ALL_STATUS:
       default:
-        return <TrendingIcon />;
+        return <TrendingUp />;
     }
   };
 
@@ -79,9 +79,9 @@ const FilterForm = ({ value, onChange }: FilterFormProps) => {
       <div className="col-span-4 flex items-center">
         <Input
           placeholder="Search branches"
-          leftIcon={<SearchIcon />}
+          leftIcon={<Search />}
           rightIcon={
-            searchedBranch && <CrossCircleIcon onClick={handleReset} />
+            searchedBranch && <X onClick={handleReset} />
           }
           value={searchedBranch}
           onChange={(e) => setSearchedBranch(e.target.value)}
diff --git a/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx b/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx
index a8188270..44062175 100644
--- a/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx
+++ b/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx
@@ -2,7 +2,7 @@ import { GitCommitWithBranch } from '../../../../../types/types';
 import { Heading } from 'components/shared/Heading';
 import ActivityCard from './ActivityCard';
 import { Button } from 'components/shared/Button';
-import { LoadingIcon } from 'components/shared/CustomIcon';
+import { Loader } from 'lucide-react';
 
 export const Activity = ({
   isLoading,
@@ -22,7 +22,7 @@ export const Activity = ({
       <div className="mt-5">
         {isLoading ? (
           <div className="grid place-content-center mt-10">
-            <LoadingIcon className="animate-spin" />
+            <Loader className="animate-spin" />
           </div>
         ) : (
           activities.map((activity, index) => {
diff --git a/packages/frontend/src/components/projects/project/overview/Activity/ActivityCard.tsx b/packages/frontend/src/components/projects/project/overview/Activity/ActivityCard.tsx
index 278a727c..f9a1eace 100644
--- a/packages/frontend/src/components/projects/project/overview/Activity/ActivityCard.tsx
+++ b/packages/frontend/src/components/projects/project/overview/Activity/ActivityCard.tsx
@@ -2,10 +2,7 @@ import { Link } from 'react-router-dom';
 import { GitCommitWithBranch } from '../../../../../types/types';
 import { Avatar } from 'components/shared/Avatar';
 import { Button } from 'components/shared/Button';
-import {
-  ArrowRightCircleFilledIcon,
-  BranchStrokeIcon,
-} from 'components/shared/CustomIcon';
+import { Check, GitBranch } from 'lucide-react';
 import { formatDistance } from 'date-fns';
 import { getInitials } from 'utils/geInitials';
 
@@ -49,7 +46,7 @@ const ActivityCard = ({ activity }: ActivityCardProps) => {
             <span className="w-0.5 h-0.5 rounded-full bg-border-interactive-hovered"></span>
             <span className="flex justify-center items-center gap-1.5">
               <div>
-                <BranchStrokeIcon className="w-3 h-3" />
+                <GitBranch className="w-3 h-3" />
               </div>
               <span
                 title={activity.branch.name}
@@ -72,7 +69,7 @@ const ActivityCard = ({ activity }: ActivityCardProps) => {
           variant="unstyled"
           tabIndex={-1}
           className="p-0 text-elements-low-em group-focus-within:opacity-100 group-hover:opacity-100 opacity-0 transition-all"
-          leftIcon={<ArrowRightCircleFilledIcon className="w-5 h-5" />}
+          leftIcon={<Check className="w-5 h-5" />}
         />
       </Link>
       {/* Separator calc => 100% - 36px (avatar) - 12px (padding-left) - 8px (gap)
diff --git a/packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx b/packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx
index 61e1069a..63228a08 100644
--- a/packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx
+++ b/packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx
@@ -9,10 +9,7 @@ import {
 } from '@mui/material';
 
 import { Button, Heading, Tag } from 'components/shared';
-import {
-    CheckRoundFilledIcon,
-    LoadingIcon,
-} from 'components/shared/CustomIcon';
+import { CheckCircle, Loader2 } from 'lucide-react';
 import { useGQLClient } from 'context/GQLClientContext';
 
 const WAIT_DURATION = 5000;
@@ -36,9 +33,9 @@ export const AuctionCard = ({ project }: { project: Project }) => {
 
   const getIconByAuctionStatus = (status: string) =>
     status === 'completed' ? (
-      <CheckRoundFilledIcon />
+      <CheckCircle />
     ) : (
-      <LoadingIcon className="animate-spin" />
+      <Loader2 className="animate-spin" />
     );
 
   const checkAuctionStatus = useCallback(async () => {
diff --git a/packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx b/packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx
index 016e852b..affa66cc 100644
--- a/packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx
+++ b/packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx
@@ -2,7 +2,7 @@ import { UseFormRegister } from 'react-hook-form';
 
 import { EnvironmentVariablesFormValues } from '../../../../types';
 import { Button } from 'components/shared/Button';
-import { TrashIcon } from 'components/shared/CustomIcon';
+import { Trash } from 'lucide-react';
 import { Input } from 'components/shared/Input';
 
 interface AddEnvironmentVariableRowProps {
@@ -35,7 +35,7 @@ const AddEnvironmentVariableRow = ({
         })}
       />
       <Button size="md" iconOnly onClick={onDelete} disabled={isDeleteDisabled}>
-        <TrashIcon />
+        <Trash />
       </Button>
     </div>
   );
diff --git a/packages/frontend/src/components/projects/project/settings/DisplayEnvironmentVariables.tsx b/packages/frontend/src/components/projects/project/settings/DisplayEnvironmentVariables.tsx
index 7fb24409..782a1ad0 100644
--- a/packages/frontend/src/components/projects/project/settings/DisplayEnvironmentVariables.tsx
+++ b/packages/frontend/src/components/projects/project/settings/DisplayEnvironmentVariables.tsx
@@ -3,10 +3,7 @@ import { Collapse } from '@snowballtools/material-tailwind-react-fork';
 
 import EditEnvironmentVariableRow from './EditEnvironmentVariableRow';
 import { Environment, EnvironmentVariable } from 'gql-client';
-import {
-  ChevronDownSmallIcon,
-  ChevronUpSmallIcon,
-} from 'components/shared/CustomIcon';
+import { Eye, EyeOff } from 'lucide-react';
 
 interface DisplayEnvironmentVariablesProps {
   environment: Environment;
@@ -27,7 +24,7 @@ const DisplayEnvironmentVariables = ({
         className="flex gap-4 p-2 dark:text-foreground"
         onClick={() => setOpenCollapse((cur) => !cur)}
       >
-        {openCollapse ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />}
+        {openCollapse ? <Eye /> : <EyeOff />}
         <div className="grow capitalize">{environment}</div>
         <div>{variables.length} variables</div>
       </div>
diff --git a/packages/frontend/src/components/projects/project/settings/DomainCard.tsx b/packages/frontend/src/components/projects/project/settings/DomainCard.tsx
index 2fe0b05d..e17f9016 100644
--- a/packages/frontend/src/components/projects/project/settings/DomainCard.tsx
+++ b/packages/frontend/src/components/projects/project/settings/DomainCard.tsx
@@ -1,22 +1,23 @@
-import { useEffect, useState } from 'react';
 import { DNSRecordAttributes, Domain, DomainStatus, Project } from 'gql-client';
+import { useEffect, useState } from 'react';
 
 import {
-  Typography,
+  Card,
   Menu,
   MenuHandler,
-  MenuList,
   MenuItem,
-  Card,
+  MenuList,
+  Typography,
 } from '@snowballtools/material-tailwind-react-fork';
 
-import EditDomainDialog from './EditDomainDialog';
-import { useGQLClient } from 'context/GQLClientContext';
 import { DeleteDomainDialog } from 'components/projects/Dialog/DeleteDomainDialog';
+import { Globe2 } from 'lucide-react';
 import { useToast } from 'components/shared/Toast';
-import { GearIcon } from 'components/shared/CustomIcon';
-import { Heading } from 'components/shared/Heading';
+import { useGQLClient } from 'context/GQLClientContext';
+import EditDomainDialog from './EditDomainDialog';
+
 import { Button } from 'components/shared/Button';
+import { Heading } from 'components/shared/Heading';
 import { useParams } from 'react-router-dom';
 
 // NOTE: Commented code for verify domain functionality
@@ -145,7 +146,7 @@ const DomainCard = ({
           <Menu placement="bottom-end">
             <MenuHandler>
               <Button iconOnly>
-                <GearIcon />
+                <Globe2 />
               </Button>
             </MenuHandler>
             <MenuList>
diff --git a/packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx b/packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx
index 7f7a519e..8b75dc36 100644
--- a/packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx
+++ b/packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx
@@ -1,20 +1,13 @@
 import { useCallback, useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 
-import { useGQLClient } from 'context/GQLClientContext';
 import { DeleteVariableDialog } from 'components/projects/Dialog/DeleteVariableDialog';
-import { Input } from 'components/shared/Input';
 import { Button } from 'components/shared/Button';
-import {
-  CheckRoundFilledIcon,
-  CrossIcon,
-  EditBigIcon,
-  HideEyeOffIcon,
-  ShowEyeIcon,
-  TrashIcon,
-} from 'components/shared/CustomIcon';
-import { EnvironmentVariable } from 'gql-client';
+import { Input } from 'components/shared/Input';
 import { useToast } from 'components/shared/Toast';
+import { useGQLClient } from 'context/GQLClientContext';
+import { EnvironmentVariable } from 'gql-client';
+import { CheckCircle, Edit, Eye, EyeOff, Trash2, X } from 'lucide-react';
 
 const ShowPasswordIcon = ({
   handler,
@@ -30,7 +23,7 @@ const ShowPasswordIcon = ({
       }}
       className="cursor-pointer"
     >
-      {isVisible ? <ShowEyeIcon size={16} /> : <HideEyeOffIcon size={16} />}
+      {isVisible ? <Eye size={16} /> : <EyeOff size={16} />}
     </span>
   );
 };
@@ -145,11 +138,7 @@ const EditEnvironmentVariableRow = ({
               : setEdit((preVal) => !preVal);
           }}
         >
-          {edit ? (
-            <CheckRoundFilledIcon size={16} />
-          ) : (
-            <EditBigIcon size={16} />
-          )}
+          {edit ? <CheckCircle size={16} /> : <Edit size={16} />}
         </Button>
         <Button
           iconOnly
@@ -163,7 +152,7 @@ const EditEnvironmentVariableRow = ({
             }
           }}
         >
-          {edit ? <CrossIcon size={16} /> : <TrashIcon size={16} />}
+          {edit ? <X size={16} /> : <Trash2 size={16} />}
         </Button>
       </div>
       <DeleteVariableDialog
diff --git a/packages/frontend/src/components/projects/project/settings/MemberCard.tsx b/packages/frontend/src/components/projects/project/settings/MemberCard.tsx
index 12c714b0..8b5d5122 100644
--- a/packages/frontend/src/components/projects/project/settings/MemberCard.tsx
+++ b/packages/frontend/src/components/projects/project/settings/MemberCard.tsx
@@ -2,7 +2,7 @@ import { useCallback, useState } from 'react';
 
 import { RemoveMemberDialog } from 'components/projects/Dialog/RemoveMemberDialog';
 import { Select, SelectOption } from 'components/shared/Select';
-import { LoaderIcon } from 'components/shared/CustomIcon';
+import { X } from 'lucide-react';
 import { Tooltip } from 'components/shared/Tooltip';
 import { Button } from 'components/shared/Button';
 import { Permission, User } from 'gql-client';
@@ -112,7 +112,7 @@ const MemberCard = ({
         ) : (
           <div className="flex justify-end gap-2">
             <div>
-              <Tag type="positive" size="sm" leftIcon={<LoaderIcon />}>
+              <Tag type="positive" size="sm" leftIcon={<X />}>
                 Pending
               </Tag>
             </div>
diff --git a/packages/frontend/src/components/projects/project/settings/WebhookCard.tsx b/packages/frontend/src/components/projects/project/settings/WebhookCard.tsx
index 24eedd16..78b026d9 100644
--- a/packages/frontend/src/components/projects/project/settings/WebhookCard.tsx
+++ b/packages/frontend/src/components/projects/project/settings/WebhookCard.tsx
@@ -4,7 +4,8 @@ import { DeleteWebhookDialog } from 'components/projects/Dialog/DeleteWebhookDia
 import { Button } from 'components/shared/Button';
 import { useToast } from 'components/shared/Toast';
 import { Input } from 'components/shared/Input';
-import { CopyIcon, TrashIcon } from 'components/shared/CustomIcon';
+import { Copy } from 'lucide-react';
+import { X } from 'lucide-react';
 
 interface WebhookCardProps {
   webhookUrl: string;
@@ -32,7 +33,7 @@ const WebhookCard = ({ webhookUrl, onDelete }: WebhookCardProps) => {
             });
           }}
         >
-          <CopyIcon />
+          <Copy />
         </Button>
         <Button
           iconOnly
@@ -42,7 +43,7 @@ const WebhookCard = ({ webhookUrl, onDelete }: WebhookCardProps) => {
             setDeleteDialogOpen(true);
           }}
         >
-          <TrashIcon />
+          <X />
         </Button>
       </div>
       <DeleteWebhookDialog
diff --git a/packages/frontend/src/components/shared/Calendar/Calendar.tsx b/packages/frontend/src/components/shared/Calendar/Calendar.tsx
index 2c8cd5cf..cc9f3de9 100644
--- a/packages/frontend/src/components/shared/Calendar/Calendar.tsx
+++ b/packages/frontend/src/components/shared/Calendar/Calendar.tsx
@@ -1,9 +1,9 @@
 import { Button } from 'components/shared/Button';
 import {
-  ChevronGrabberHorizontal,
+  GripHorizontal,
   ChevronLeft,
   ChevronRight,
-} from 'components/shared/CustomIcon';
+} from 'lucide-react';
 import {
   ComponentPropsWithRef,
   MouseEvent,
@@ -248,7 +248,7 @@ export const Calendar = ({
               variant="unstyled"
               className={button()}
               rightIcon={
-                <ChevronGrabberHorizontal className="text-elements-low-em" />
+                <GripHorizontal className="text-elements-low-em" />
               }
               onClick={() => handleChangeView('year')}
             >
@@ -258,7 +258,7 @@ export const Calendar = ({
               variant="unstyled"
               className={button()}
               rightIcon={
-                <ChevronGrabberHorizontal className="text-elements-low-em" />
+                <GripHorizontal className="text-elements-low-em" />
               }
               onClick={() => handleChangeView('decade')}
             >
diff --git a/packages/frontend/src/components/shared/Checkbox/Checkbox.tsx b/packages/frontend/src/components/shared/Checkbox/Checkbox.tsx
index 12d2abbf..88ffdaec 100644
--- a/packages/frontend/src/components/shared/Checkbox/Checkbox.tsx
+++ b/packages/frontend/src/components/shared/Checkbox/Checkbox.tsx
@@ -2,7 +2,7 @@ import * as CheckboxRadix from '@radix-ui/react-checkbox';
 import { type CheckboxProps as CheckboxRadixProps } from '@radix-ui/react-checkbox';
 
 import { getCheckboxVariant, type CheckboxVariants } from './Checkbox.theme';
-import { CheckIcon } from 'components/shared/CustomIcon';
+import { Check } from 'lucide-react';
 
 interface CheckBoxProps extends CheckboxRadixProps, CheckboxVariants {
   /**
@@ -59,7 +59,7 @@ export const Checkbox = ({
         onCheckedChange={onCheckedChange}
       >
         <CheckboxRadix.Indicator forceMount className={indicatorStyle()}>
-          <CheckIcon className={iconStyle()} />
+          <Check size={18} className={iconStyle()} />
         </CheckboxRadix.Indicator>
       </CheckboxRadix.Root>
       {label && (
diff --git a/packages/frontend/src/components/shared/CustomIcon/AppleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/AppleIcon.tsx
deleted file mode 100644
index edbcf430..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/AppleIcon.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const AppleIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="21"
-      height="21"
-      viewBox="0 0 21 21"
-      fill="none"
-      {...props}
-    >
-      <g clipPath="url(#clip0_2415_13467)">
-        <path
-          fill="currentColor"
-          d="M18.234 16.046c-.29.67-.633 1.286-1.03 1.853-.543.772-.986 1.307-1.328 1.604-.53.487-1.098.737-1.706.751-.437 0-.963-.124-1.576-.376-.615-.25-1.18-.375-1.696-.375-.542 0-1.123.124-1.745.375-.623.252-1.124.383-1.508.396-.583.025-1.164-.232-1.744-.771-.37-.323-.834-.877-1.389-1.661-.595-.838-1.084-1.809-1.468-2.916-.41-1.197-.616-2.355-.616-3.476 0-1.284.277-2.392.833-3.32a4.89 4.89 0 011.746-1.767 4.696 4.696 0 012.36-.665c.463 0 1.07.143 1.825.424.753.283 1.236.426 1.448.426.159 0 .695-.167 1.606-.501.86-.31 1.587-.438 2.182-.388 1.612.13 2.824.766 3.63 1.911-1.443.874-2.156 2.098-2.142 3.668.013 1.223.457 2.24 1.329 3.049.395.375.836.665 1.327.87-.106.31-.219.605-.338.889zM14.535 1.493c0 .958-.35 1.853-1.048 2.682-.842.985-1.861 1.554-2.966 1.464a3 3 0 01-.022-.363c0-.92.4-1.905 1.112-2.71a4.282 4.282 0 011.354-1.018c.547-.266 1.064-.413 1.55-.439.015.129.02.257.02.384z"
-        ></path>
-      </g>
-      <defs>
-        <clipPath id="clip0_2415_13467">
-          <path
-            fill="currentColor"
-            d="M0 0H20V20H0z"
-            transform="translate(.5 .691)"
-          ></path>
-        </clipPath>
-      </defs>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ArrowLeftCircleFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ArrowLeftCircleFilledIcon.tsx
deleted file mode 100644
index 285bfa98..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ArrowLeftCircleFilledIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ArrowLeftCircleFilledIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM10.4697 15.7803C10.7626 16.0732 11.2374 16.0732 11.5303 15.7803C11.8232 15.4874 11.8232 15.0126 11.5303 14.7197L9.56066 12.75H16.25C16.6642 12.75 17 12.4142 17 12C17 11.5858 16.6642 11.25 16.25 11.25H9.56066L11.5303 9.28033C11.8232 8.98744 11.8232 8.51256 11.5303 8.21967C11.2374 7.92678 10.7626 7.92678 10.4697 8.21967L7.21967 11.4697C6.92678 11.7626 6.92678 12.2374 7.21967 12.5303L10.4697 15.7803Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleFilledIcon.tsx
deleted file mode 100644
index 3782a9d2..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleFilledIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ArrowRightCircleFilledIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      fill="none"
-      height="32"
-      viewBox="0 0 32 32"
-      width="32"
-      {...props}
-    >
-      <path
-        clipRule="evenodd"
-        d="M29.3334 16C29.3334 8.63619 23.3638 2.66666 16 2.66666C8.63622 2.66666 2.66669 8.63619 2.66669 16C2.66669 23.3638 8.63622 29.3333 16 29.3333C23.3638 29.3333 29.3334 23.3638 29.3334 16ZM18.1144 17.3333L16.3905 19.0572C15.8698 19.5779 15.8698 20.4221 16.3905 20.9428C16.9112 21.4635 17.7555 21.4635 18.2762 20.9428L21.3334 17.8856C22.3748 16.8442 22.3748 15.1558 21.3334 14.1144L18.2762 11.0572C17.7555 10.5365 16.9112 10.5365 16.3905 11.0572C15.8698 11.5779 15.8698 12.4221 16.3905 12.9428L18.1144 14.6667H10.6667C9.93031 14.6667 9.33335 15.2636 9.33335 16C9.33335 16.7364 9.93031 17.3333 10.6667 17.3333H18.1144Z"
-        fill="currentColor"
-        fillRule="evenodd"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleIcon.tsx
deleted file mode 100644
index c1e19a09..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ArrowRightCircleIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="17"
-      height="16"
-      viewBox="0 0 17 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15.3333 8C15.3333 4.3181 12.3486 1.33333 8.66667 1.33333C4.98477 1.33333 2 4.3181 2 8C2 11.6819 4.98477 14.6667 8.66667 14.6667C12.3486 14.6667 15.3333 11.6819 15.3333 8ZM10.2929 8.5L8.97978 9.81311C8.78452 10.0084 8.78452 10.325 8.97978 10.5202C9.17504 10.7155 9.49162 10.7155 9.68689 10.5202L11.3821 8.82495C11.8378 8.36934 11.8378 7.63065 11.3821 7.17504L9.68689 5.47977C9.49162 5.28451 9.17504 5.28451 8.97978 5.47977C8.78452 5.67504 8.78452 5.99162 8.97978 6.18688L10.2929 7.5H5.83333C5.55719 7.5 5.33333 7.72385 5.33333 8C5.33333 8.27614 5.55719 8.5 5.83333 8.5H10.2929Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/BranchIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/BranchIcon.tsx
deleted file mode 100644
index 42b32afd..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/BranchIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const BranchIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="12"
-      height="12"
-      viewBox="0 0 12 12"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M3.5 1C2.67157 1 2 1.67157 2 2.5C2 3.24325 2.54057 3.86024 3.25 3.97926V8.02074C2.54057 8.13976 2 8.75675 2 9.5C2 10.3284 2.67157 11 3.5 11C4.32843 11 5 10.3284 5 9.5C5 8.75675 4.45943 8.13976 3.75 8.02074V7C3.75 6.58579 4.08579 6.25 4.5 6.25H7.5C8.19036 6.25 8.75 5.69036 8.75 5V3.97926C9.45943 3.86024 10 3.24325 10 2.5C10 1.67157 9.32843 1 8.5 1C7.67157 1 7 1.67157 7 2.5C7 3.24325 7.54057 3.86024 8.25 3.97926V5C8.25 5.41421 7.91421 5.75 7.5 5.75H4.5C4.2186 5.75 3.95892 5.84299 3.75 5.99991V3.97926C4.45943 3.86024 5 3.24325 5 2.5C5 1.67157 4.32843 1 3.5 1Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/BranchStrokeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/BranchStrokeIcon.tsx
deleted file mode 100644
index 4ccb3590..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/BranchStrokeIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const BranchStrokeIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M14.1667 9.99967V10.4997H14.6667V9.99967H14.1667ZM5.83333 9.99967V9.49967H5.33333V9.99967H5.83333ZM7.41667 4.16634C7.41667 5.04079 6.70778 5.74967 5.83333 5.74967V6.74967C7.26007 6.74967 8.41667 5.59308 8.41667 4.16634H7.41667ZM5.83333 5.74967C4.95888 5.74967 4.25 5.04079 4.25 4.16634H3.25C3.25 5.59308 4.4066 6.74967 5.83333 6.74967V5.74967ZM4.25 4.16634C4.25 3.29189 4.95888 2.58301 5.83333 2.58301V1.58301C4.4066 1.58301 3.25 2.73961 3.25 4.16634H4.25ZM5.83333 2.58301C6.70778 2.58301 7.41667 3.29189 7.41667 4.16634H8.41667C8.41667 2.73961 7.26007 1.58301 5.83333 1.58301V2.58301ZM7.41667 15.833C7.41667 16.7075 6.70778 17.4163 5.83333 17.4163V18.4163C7.26007 18.4163 8.41667 17.2597 8.41667 15.833H7.41667ZM5.83333 17.4163C4.95888 17.4163 4.25 16.7075 4.25 15.833H3.25C3.25 17.2597 4.4066 18.4163 5.83333 18.4163V17.4163ZM4.25 15.833C4.25 14.9586 4.95888 14.2497 5.83333 14.2497V13.2497C4.4066 13.2497 3.25 14.4063 3.25 15.833H4.25ZM5.83333 14.2497C6.70778 14.2497 7.41667 14.9586 7.41667 15.833H8.41667C8.41667 14.4063 7.26007 13.2497 5.83333 13.2497V14.2497ZM5.33333 6.24967V13.7497H6.33333V6.24967H5.33333ZM13.6667 6.24967V9.99967H14.6667V6.24967H13.6667ZM14.1667 9.49967H5.83333V10.4997H14.1667V9.49967ZM5.33333 9.99967V13.7497H6.33333V9.99967H5.33333ZM15.75 4.16634C15.75 5.04079 15.0411 5.74967 14.1667 5.74967V6.74967C15.5934 6.74967 16.75 5.59308 16.75 4.16634H15.75ZM14.1667 5.74967C13.2922 5.74967 12.5833 5.04079 12.5833 4.16634H11.5833C11.5833 5.59308 12.7399 6.74967 14.1667 6.74967V5.74967ZM12.5833 4.16634C12.5833 3.29189 13.2922 2.58301 14.1667 2.58301V1.58301C12.7399 1.58301 11.5833 2.73961 11.5833 4.16634H12.5833ZM14.1667 2.58301C15.0411 2.58301 15.75 3.29189 15.75 4.16634H16.75C16.75 2.73961 15.5934 1.58301 14.1667 1.58301V2.58301Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/BuildingIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/BuildingIcon.tsx
deleted file mode 100644
index 37cde199..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/BuildingIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const BuildingIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M3.75 19.25H14.25M3.75 19.25V5.75C3.75 4.64543 4.64543 3.75 5.75 3.75H12.25C13.3546 3.75 14.25 4.64543 14.25 5.75V8M3.75 19.25H1.75M14.25 19.25V8M14.25 19.25H20.25M14.25 8H18.25C19.3546 8 20.25 8.89543 20.25 10V19.25M20.25 19.25H22.25M10.25 8.75H7.75M7.75 12.75H10.25"
-        stroke="currentColor"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CalendarDaysIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CalendarDaysIcon.tsx
deleted file mode 100644
index c15be87a..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CalendarDaysIcon.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CalendarDaysIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M2.3335 5.00016H13.6668M4.33349 13.6668H11.6668C12.7714 13.6668 13.6668 12.7714 13.6668 11.6668V4.3335C13.6668 3.22893 12.7714 2.3335 11.6668 2.3335H4.3335C3.22893 2.3335 2.3335 3.22893 2.3335 4.33349V11.6668C2.3335 12.7714 3.22893 13.6668 4.33349 13.6668Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M4.6665 7.8335C4.6665 7.55735 4.89036 7.3335 5.1665 7.3335C5.44265 7.3335 5.6665 7.55735 5.6665 7.8335C5.6665 8.10964 5.44265 8.3335 5.1665 8.3335C4.89036 8.3335 4.6665 8.10964 4.6665 7.8335Z"
-        fill="currentColor"
-      />
-      <path
-        d="M4.6665 10.8335C4.6665 10.5574 4.89036 10.3335 5.1665 10.3335C5.44265 10.3335 5.6665 10.5574 5.6665 10.8335C5.6665 11.1096 5.44265 11.3335 5.1665 11.3335C4.89036 11.3335 4.6665 11.1096 4.6665 10.8335Z"
-        fill="currentColor"
-      />
-      <path
-        d="M7.49984 10.8335C7.49984 10.5574 7.72369 10.3335 7.99984 10.3335C8.27598 10.3335 8.49984 10.5574 8.49984 10.8335C8.49984 11.1096 8.27598 11.3335 7.99984 11.3335C7.72369 11.3335 7.49984 11.1096 7.49984 10.8335Z"
-        fill="currentColor"
-      />
-      <path
-        d="M7.49984 7.8335C7.49984 7.55735 7.72369 7.3335 7.99984 7.3335C8.27598 7.3335 8.49984 7.55735 8.49984 7.8335C8.49984 8.10964 8.27598 8.3335 7.99984 8.3335C7.72369 8.3335 7.49984 8.10964 7.49984 7.8335Z"
-        fill="currentColor"
-      />
-      <path
-        d="M10.3332 7.8335C10.3332 7.55735 10.557 7.3335 10.8332 7.3335C11.1093 7.3335 11.3332 7.55735 11.3332 7.8335C11.3332 8.10964 11.1093 8.3335 10.8332 8.3335C10.557 8.3335 10.3332 8.10964 10.3332 7.8335Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx
deleted file mode 100644
index 4caf93e3..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CalendarIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M2.625 7.125H15.375M5.625 3.375V1.875M12.375 3.375V1.875M4.125 15.375H13.875C14.7034 15.375 15.375 14.7034 15.375 13.875V4.875C15.375 4.04657 14.7034 3.375 13.875 3.375H4.125C3.29657 3.375 2.625 4.04657 2.625 4.875V13.875C2.625 14.7034 3.29657 15.375 4.125 15.375Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckIcon.tsx
deleted file mode 100644
index e873b96a..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CheckIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CheckIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="12"
-      height="12"
-      viewBox="0 0 12 12"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M1.5 7.5L4.64706 10L10.5 2"
-        stroke="currentColor"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx
deleted file mode 100644
index def78b74..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CheckRadioIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5ZM7.93079 12.3663L12.3055 7.01944L11.1446 6.06958L7.81944 10.1336L6.37511 8.68932L5.31445 9.74998L7.93079 12.3663Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx
deleted file mode 100644
index dd914b7c..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CheckRadioOutlineIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M11.25 7.125L7.875 11.25L6.375 9.75M16.125 9C16.125 12.935 12.935 16.125 9 16.125C5.06497 16.125 1.875 12.935 1.875 9C1.875 5.06497 5.06497 1.875 9 1.875C12.935 1.875 16.125 5.06497 16.125 9Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckRoundFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckRoundFilledIcon.tsx
deleted file mode 100644
index 3ec506c6..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CheckRoundFilledIcon.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CheckRoundFilledIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon width="20" height="20" viewBox="0 0 20 20" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM13.774 8.13327C14.1237 7.70582 14.0607 7.0758 13.6332 6.72607C13.2058 6.37635 12.5758 6.43935 12.226 6.86679L8.42576 11.5116L7.20711 10.2929C6.81658 9.9024 6.18342 9.9024 5.79289 10.2929C5.40237 10.6834 5.40237 11.3166 5.79289 11.7071L7.79289 13.7071C7.99267 13.9069 8.26764 14.0129 8.54981 13.9988C8.83199 13.9847 9.09505 13.8519 9.27396 13.6333L13.774 8.13327Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronDoubleDownIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronDoubleDownIcon.tsx
deleted file mode 100644
index a604e71a..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ChevronDoubleDownIcon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ChevronDoubleDownIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="21"
-      viewBox="0 0 20 21"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M6.66699 12.0174L10.0003 15.3507L13.3337 12.0174M6.66699 6.18408L10.0003 9.51742L13.3337 6.18408"
-        stroke="currentColor"
-        strokeLinecap="square"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx
deleted file mode 100644
index 6b85cdfc..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ChevronDownIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M20 9L13.4142 15.5858C12.6332 16.3668 11.3669 16.3668 10.5858 15.5858L4 9"
-        stroke="currentColor"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronDownSmallIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronDownSmallIcon.tsx
deleted file mode 100644
index 00ae9acf..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ChevronDownSmallIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ChevronDownSmallIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M11.4697 14.5303C11.7626 14.8232 12.2374 14.8232 12.5303 14.5303L16.5303 10.5303C16.8232 10.2374 16.8232 9.76256 16.5303 9.46967C16.2374 9.17678 15.7626 9.17678 15.4697 9.46967L12 12.9393L8.53033 9.46967C8.23744 9.17678 7.76256 9.17678 7.46967 9.46967C7.17678 9.76256 7.17678 10.2374 7.46967 10.5303L11.4697 14.5303Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronGrabberHorizontal.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronGrabberHorizontal.tsx
deleted file mode 100644
index c9a12c79..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ChevronGrabberHorizontal.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ChevronGrabberHorizontal = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M6.66666 12.5L9.99999 15.8333L13.3333 12.5M6.66666 7.5L9.99999 4.16666L13.3333 7.5"
-        stroke="currentColor"
-        strokeLinecap="square"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronLeft.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronLeft.tsx
deleted file mode 100644
index 2cf5ef20..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ChevronLeft.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ChevronLeft = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10.7071 2.66666L5.37378 8.00001L10.7071 13.3333L10 14.0404L3.95956 8.00001L10 1.95956L10.7071 2.66666Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronRight.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronRight.tsx
deleted file mode 100644
index 95823c69..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ChevronRight.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ChevronRight = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.00001 1.95956L12.0405 7.99998L6.00001 14.0404L5.29291 13.3333L10.6262 7.99999L5.29291 2.66666L6.00001 1.95956Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronUpDown.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronUpDown.tsx
deleted file mode 100644
index b49816fd..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ChevronUpDown.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ChevronUpDown = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M8 15L12 19L16 15M8 9L12 5L16 9"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronUpSmallIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronUpSmallIcon.tsx
deleted file mode 100644
index 0e98803a..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ChevronUpSmallIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ChevronUpSmallIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M11.4697 9.46967C11.7626 9.17678 12.2374 9.17678 12.5303 9.46967L16.5303 13.4697C16.8232 13.7626 16.8232 14.2374 16.5303 14.5303C16.2374 14.8232 15.7626 14.8232 15.4697 14.5303L12 11.0607L8.53033 14.5303C8.23744 14.8232 7.76256 14.8232 7.46967 14.5303C7.17678 14.2374 7.17678 13.7626 7.46967 13.4697L11.4697 9.46967Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx
deleted file mode 100644
index 7858d8c0..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CirclePlaceholderOnIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M16.125 9C16.125 12.935 12.935 16.125 9 16.125C5.06497 16.125 1.875 12.935 1.875 9C1.875 5.06497 5.06497 1.875 9 1.875C12.935 1.875 16.125 5.06497 16.125 9Z"
-        stroke="currentColor"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ClockIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ClockIcon.tsx
deleted file mode 100644
index 911d5859..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ClockIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ClockIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="12"
-      height="12"
-      viewBox="0 0 12 12"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M6 1.125C5.03582 1.125 4.09329 1.41091 3.2916 1.94659C2.48991 2.48226 1.86507 3.24363 1.49609 4.13442C1.12711 5.02521 1.03057 6.00541 1.21867 6.95107C1.40678 7.89672 1.87108 8.76536 2.55286 9.44715C3.23464 10.1289 4.10328 10.5932 5.04894 10.7813C5.99459 10.9694 6.97479 10.8729 7.86558 10.5039C8.75637 10.1349 9.51775 9.51009 10.0534 8.7084C10.5891 7.90671 10.875 6.96418 10.875 6C10.8736 4.70749 10.3596 3.46831 9.44564 2.55436C8.5317 1.64042 7.29251 1.12636 6 1.125ZM8.625 6.375H6C5.90055 6.375 5.80516 6.33549 5.73484 6.26517C5.66451 6.19484 5.625 6.09946 5.625 6V3.375C5.625 3.27554 5.66451 3.18016 5.73484 3.10984C5.80516 3.03951 5.90055 3 6 3C6.09946 3 6.19484 3.03951 6.26517 3.10984C6.33549 3.18016 6.375 3.27554 6.375 3.375V5.625H8.625C8.72446 5.625 8.81984 5.66451 8.89017 5.73484C8.96049 5.80516 9 5.90054 9 6C9 6.09946 8.96049 6.19484 8.89017 6.26517C8.81984 6.33549 8.72446 6.375 8.625 6.375Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ClockOutlineIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ClockOutlineIcon.tsx
deleted file mode 100644
index adc706b1..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ClockOutlineIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ClockOutlineIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M7.99984 5V8L9.99984 10M14.3332 8C14.3332 11.4978 11.4976 14.3333 7.99984 14.3333C4.50203 14.3333 1.6665 11.4978 1.6665 8C1.6665 4.5022 4.50203 1.66667 7.99984 1.66667C11.4976 1.66667 14.3332 4.5022 14.3332 8Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CollaboratorsIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CollaboratorsIcon.tsx
deleted file mode 100644
index 482d82ac..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CollaboratorsIcon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CollaboratorsIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M12.5002 2.08301C14.3411 2.08301 15.8335 3.57539 15.8335 5.41634C15.8335 7.25729 14.3411 8.74968 12.5002 8.74968M14.5835 11.1659C17.2451 12.0374 19.1668 14.498 19.1668 17.083H16.6668M7.50016 8.74968C5.65921 8.74968 4.16683 7.25729 4.16683 5.41634C4.16683 3.57539 5.65921 2.08301 7.50016 2.08301C9.34111 2.08301 10.8335 3.57539 10.8335 5.41634C10.8335 7.25729 9.34111 8.74968 7.50016 8.74968ZM0.833496 17.083C0.833496 13.8613 3.81826 10.833 7.50016 10.833C11.1821 10.833 14.1668 13.8613 14.1668 17.083H0.833496Z"
-        stroke="currentColor"
-        strokeLinecap="square"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CommitIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CommitIcon.tsx
deleted file mode 100644
index cc58413e..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CommitIcon.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CommitIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <g clipPath="url(#clip0_755_4058)">
-        <path
-          d="M15.5 7.50001H11.4637C11.343 6.66752 10.9264 5.90636 10.2904 5.35589C9.65427 4.80541 8.84121 4.50244 8 4.50244C7.15879 4.50244 6.34573 4.80541 5.70964 5.35589C5.07355 5.90636 4.65701 6.66752 4.53625 7.50001H0.5C0.367392 7.50001 0.240215 7.55269 0.146447 7.64646C0.0526784 7.74023 0 7.8674 0 8.00001C0 8.13262 0.0526784 8.2598 0.146447 8.35357C0.240215 8.44733 0.367392 8.50001 0.5 8.50001H4.53625C4.65701 9.33251 5.07355 10.0937 5.70964 10.6441C6.34573 11.1946 7.15879 11.4976 8 11.4976C8.84121 11.4976 9.65427 11.1946 10.2904 10.6441C10.9264 10.0937 11.343 9.33251 11.4637 8.50001H15.5C15.6326 8.50001 15.7598 8.44733 15.8536 8.35357C15.9473 8.2598 16 8.13262 16 8.00001C16 7.8674 15.9473 7.74023 15.8536 7.64646C15.7598 7.55269 15.6326 7.50001 15.5 7.50001ZM8 10.5C7.50555 10.5 7.0222 10.3534 6.61107 10.0787C6.19995 9.80398 5.87952 9.41354 5.6903 8.95672C5.50108 8.49991 5.45157 7.99724 5.54804 7.51229C5.6445 7.02733 5.8826 6.58188 6.23223 6.23224C6.58186 5.88261 7.02732 5.64451 7.51227 5.54805C7.99723 5.45158 8.49989 5.50109 8.95671 5.69031C9.41352 5.87953 9.80397 6.19996 10.0787 6.61109C10.3534 7.02221 10.5 7.50556 10.5 8.00001C10.5 8.66305 10.2366 9.29894 9.76777 9.76778C9.29893 10.2366 8.66304 10.5 8 10.5Z"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_755_4058">
-          <rect width="16" height="16" fill="white" />
-        </clipPath>
-      </defs>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CopyIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CopyIcon.tsx
deleted file mode 100644
index a10049c7..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CopyIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CopyIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M1.33301 2.66665C1.33301 1.93027 1.92996 1.33331 2.66634 1.33331H9.33301C10.0694 1.33331 10.6663 1.93027 10.6663 2.66665V5.33331H13.333C14.0694 5.33331 14.6663 5.93027 14.6663 6.66665V13.3333C14.6663 14.0697 14.0694 14.6666 13.333 14.6666H6.66634C5.92996 14.6666 5.33301 14.0697 5.33301 13.3333V10.6666H2.66634C1.92996 10.6666 1.33301 10.0697 1.33301 9.33331V2.66665ZM9.66634 5.33331H6.66634C5.92996 5.33331 5.33301 5.93027 5.33301 6.66665V9.66665H2.66634C2.48225 9.66665 2.33301 9.51741 2.33301 9.33331V2.66665C2.33301 2.48255 2.48225 2.33331 2.66634 2.33331H9.33301C9.5171 2.33331 9.66634 2.48255 9.66634 2.66665V5.33331Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CopyUnfilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CopyUnfilledIcon.tsx
deleted file mode 100644
index 191fc992..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CopyUnfilledIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CopyUnfilledIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M6 5.625V5.025C6 4.18492 6 3.76488 6.16349 3.44401C6.3073 3.16177 6.53677 2.9323 6.81901 2.78849C7.13988 2.625 7.55992 2.625 8.4 2.625H12.975C13.8151 2.625 14.2351 2.625 14.556 2.78849C14.8382 2.9323 15.0677 3.16177 15.2115 3.44401C15.375 3.76488 15.375 4.18492 15.375 5.025V9.975C15.375 10.8151 15.375 11.2351 15.2115 11.556C15.0677 11.8382 14.8382 12.0677 14.556 12.2115C14.2351 12.375 13.8151 12.375 12.975 12.375H12.375M12.375 8.025V12.975C12.375 13.8151 12.375 14.2351 12.2115 14.556C12.0677 14.8382 11.8382 15.0677 11.556 15.2115C11.2351 15.375 10.8151 15.375 9.975 15.375H5.025C4.18492 15.375 3.76488 15.375 3.44401 15.2115C3.16177 15.0677 2.9323 14.8382 2.78849 14.556C2.625 14.2351 2.625 13.8151 2.625 12.975V8.025C2.625 7.18492 2.625 6.76488 2.78849 6.44401C2.9323 6.16177 3.16177 5.9323 3.44401 5.78849C3.76488 5.625 4.18492 5.625 5.025 5.625H9.975C10.8151 5.625 11.2351 5.625 11.556 5.78849C11.8382 5.9323 12.0677 6.16177 12.2115 6.44401C12.375 6.76488 12.375 7.18492 12.375 8.025Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CrossCircleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CrossCircleIcon.tsx
deleted file mode 100644
index d613684b..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CrossCircleIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CrossCircleIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9ZM7.01516 6.48484C6.86872 6.33839 6.63128 6.33839 6.48484 6.48484C6.33839 6.63128 6.33839 6.86872 6.48484 7.01516L8.46967 9L6.48484 10.9848C6.33839 11.1313 6.33839 11.3687 6.48484 11.5152C6.63128 11.6616 6.86872 11.6616 7.01516 11.5152L9 9.53033L10.9848 11.5152C11.1313 11.6616 11.3687 11.6616 11.5152 11.5152C11.6616 11.3687 11.6616 11.1313 11.5152 10.9848L9.53033 9L11.5152 7.01516C11.6616 6.86872 11.6616 6.63128 11.5152 6.48484C11.3687 6.33839 11.1313 6.33839 10.9848 6.48484L9 8.46967L7.01516 6.48484Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CrossIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CrossIcon.tsx
deleted file mode 100644
index 13f260c9..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CrossIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CrossIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M5 5L19 19M19 5L5 19"
-        stroke="currentColor"
-        strokeWidth="2"
-        strokeLinecap="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CursorBoxIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CursorBoxIcon.tsx
deleted file mode 100644
index 59334259..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CursorBoxIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const CursorBoxIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M13.5 7V3.83333C13.5 3.09695 12.903 2.5 12.1667 2.5H3.83333C3.09695 2.5 2.5 3.09695 2.5 3.83333V12.1667C2.5 12.903 3.09695 13.5 3.83333 13.5H7M9.43391 14.0852L7.5218 7.9391C7.44202 7.68269 7.68269 7.44202 7.9391 7.5218L14.0852 9.43391C14.3658 9.52122 14.4043 9.90262 14.1468 10.0443L11.5848 11.4534C11.5294 11.4838 11.4838 11.5294 11.4534 11.5848L10.0443 14.1468C9.90262 14.4043 9.52122 14.3658 9.43391 14.0852Z"
-        stroke="currentColor"
-        strokeWidth="1.05263"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CustomIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CustomIcon.tsx
deleted file mode 100644
index 9e7e3d44..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/CustomIcon.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-
-export interface CustomIconProps extends ComponentPropsWithoutRef<'svg'> {
-  size?: number | string; // width and height will both be set as the same value
-  name?: string;
-}
-
-export const CustomIcon = ({
-  children,
-  width = 24,
-  height = 24,
-  size,
-  viewBox = '0 0 24 24',
-  name,
-  ...rest
-}: CustomIconProps) => {
-  return (
-    <svg
-      aria-labelledby={name}
-      height={size || height}
-      role="presentation"
-      viewBox={viewBox}
-      width={size || width}
-      xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      {children}
-    </svg>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/EditBigIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/EditBigIcon.tsx
deleted file mode 100644
index 0e69acef..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/EditBigIcon.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const EditBigIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <g>
-        <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M4.61304 1.99935L7.5 1.99935C7.77614 1.99935 8 2.22321 8 2.49935C8 2.77549 7.77614 2.99935 7.5 2.99935H4.63333C4.25171 2.99935 3.99557 2.99974 3.79832 3.01585C3.6069 3.03149 3.51538 3.05941 3.45501 3.09018C3.29821 3.17007 3.17072 3.29755 3.09083 3.45436C3.06007 3.51473 3.03214 3.60625 3.01651 3.79767C3.00039 3.99492 3 4.25106 3 4.63268V11.366C3 11.7476 3.00039 12.0038 3.01651 12.201C3.03214 12.3924 3.06007 12.484 3.09083 12.5443C3.17072 12.7011 3.29821 12.8286 3.45501 12.9085C3.51538 12.9393 3.6069 12.9672 3.79832 12.9828C3.99557 12.999 4.25171 12.9993 4.63333 12.9993H11.3667C11.7483 12.9993 12.0044 12.999 12.2017 12.9828C12.3931 12.9672 12.4846 12.9393 12.545 12.9085C12.7018 12.8286 12.8293 12.7011 12.9092 12.5443C12.9399 12.484 12.9679 12.3924 12.9835 12.201C12.9996 12.0038 13 11.7476 13 11.366V8.49935C13 8.22321 13.2239 7.99935 13.5 7.99935C13.7761 7.99935 14 8.22321 14 8.49935V11.3863C14 11.7424 14 12.0396 13.9802 12.2825C13.9595 12.5357 13.9147 12.7735 13.8002 12.9983C13.6244 13.3433 13.3439 13.6238 12.999 13.7995C12.7741 13.9141 12.5364 13.9588 12.2831 13.9795C12.0403 13.9994 11.7431 13.9994 11.387 13.9993H4.61303C4.25693 13.9994 3.95971 13.9994 3.71689 13.9795C3.46363 13.9588 3.22586 13.9141 3.00102 13.7995C2.65605 13.6238 2.37559 13.3433 2.19982 12.9983C2.08526 12.7735 2.04052 12.5357 2.01983 12.2825C1.99999 12.0396 1.99999 11.7424 2 11.3863V4.61239C1.99999 4.25629 1.99999 3.95906 2.01983 3.71624C2.04052 3.46298 2.08526 3.22521 2.19982 3.00037C2.37559 2.6554 2.65605 2.37494 3.00102 2.19917C3.22586 2.08461 3.46363 2.03987 3.71689 2.01918C3.95971 1.99934 4.25694 1.99934 4.61304 1.99935Z"
-          fill="currentColor"
-        />
-        <path
-          d="M13.963 1.92174C13.2471 1.20578 12.0863 1.20578 11.3703 1.92174L5.67504 7.617C5.45625 7.83579 5.33333 8.13254 5.33333 8.44196V10.1658C5.33333 10.442 5.55719 10.6658 5.83333 10.6658H7.55719C7.86661 10.6658 8.16336 10.5429 8.38215 10.3241L14.0774 4.62884C14.7934 3.91288 14.7934 2.75208 14.0774 2.03612L13.963 1.92174Z"
-          fill="currentColor"
-        />
-      </g>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/EllipseIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/EllipseIcon.tsx
deleted file mode 100644
index 6fdc5cbe..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/EllipseIcon.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const EllipseIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon width="9" height="8" viewBox="0 0 9 8" fill="none" {...props}>
-      <circle cx="4.5" cy="4" r="4" fill="#082F56" fillOpacity="0.1" />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/EllipsesIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/EllipsesIcon.tsx
deleted file mode 100644
index b9500a71..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/EllipsesIcon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-import { EllipseIcon } from './EllipseIcon';
-
-export const EllipsesIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon width="51" height="8" viewBox="0 0 51 8" fill="none" {...props}>
-      <EllipseIcon />
-      <EllipseIcon x="14" />
-      <EllipseIcon x="28" />
-      <EllipseIcon x="42" />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/FolderIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/FolderIcon.tsx
deleted file mode 100644
index 022ac811..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/FolderIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const FolderIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        id="Icon"
-        d="M2.0835 4.58341V14.5834C2.0835 15.5039 2.82969 16.2501 3.75016 16.2501H16.2502C17.1706 16.2501 17.9168 15.5039 17.9168 14.5834V7.08341C17.9168 6.16294 17.1706 5.41675 16.2502 5.41675H10.8921C10.3349 5.41675 9.81449 5.13825 9.50539 4.67458L8.82827 3.65891C8.51916 3.19525 7.99878 2.91675 7.44152 2.91675H3.75016C2.82969 2.91675 2.0835 3.66294 2.0835 4.58341Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/GearIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GearIcon.tsx
deleted file mode 100644
index 31192fb7..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/GearIcon.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const GearIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <g>
-        <path
-          d="M7.62516 4.45898L5.05225 3.86523L3.86475 5.05273L4.4585 7.62565L2.0835 9.20898V10.7923L4.4585 12.3757L3.86475 14.9486L5.05225 16.1361L7.62516 15.5423L9.2085 17.9173H10.7918L12.3752 15.5423L14.9481 16.1361L16.1356 14.9486L15.5418 12.3757L17.9168 10.7923V9.20898L15.5418 7.62565L16.1356 5.05273L14.9481 3.86523L12.3752 4.45898L10.7918 2.08398H9.2085L7.62516 4.45898Z"
-          stroke="currentColor"
-        />
-        <path
-          d="M12.5002 10.0007C12.5002 11.3814 11.3809 12.5007 10.0002 12.5007C8.61945 12.5007 7.50016 11.3814 7.50016 10.0007C7.50016 8.61994 8.61945 7.50065 10.0002 7.50065C11.3809 7.50065 12.5002 8.61994 12.5002 10.0007Z"
-          fill="currentColor"
-        />
-      </g>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/GitHubLogoIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GitHubLogoIcon.tsx
deleted file mode 100644
index 3793e04f..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/GitHubLogoIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const GithubLogoIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="12"
-      height="12"
-      viewBox="0 0 12 12"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M10.125 4.87501V5.25001C10.1242 5.88451 9.89387 6.4973 9.47652 6.97522C9.05917 7.45314 8.48299 7.76392 7.85437 7.85016C8.11096 8.1785 8.25024 8.5833 8.25 9.00001V10.875C8.25 10.9745 8.21049 11.0698 8.14017 11.1402C8.06984 11.2105 7.97446 11.25 7.875 11.25H4.875C4.77554 11.25 4.68016 11.2105 4.60984 11.1402C4.53951 11.0698 4.5 10.9745 4.5 10.875V10.125H3.375C2.87772 10.125 2.40081 9.92746 2.04917 9.57583C1.69754 9.2242 1.5 8.74729 1.5 8.25001C1.5 7.95164 1.38147 7.66549 1.1705 7.45451C0.959517 7.24353 0.673369 7.12501 0.375 7.12501C0.275544 7.12501 0.180161 7.0855 0.109835 7.01517C0.0395088 6.94484 0 6.84946 0 6.75001C0 6.65055 0.0395088 6.55517 0.109835 6.48484C0.180161 6.41451 0.275544 6.37501 0.375 6.37501C0.621229 6.37501 0.865046 6.4235 1.09253 6.51773C1.32002 6.61196 1.52672 6.75007 1.70083 6.92418C1.87494 7.09829 2.01305 7.30499 2.10727 7.53247C2.2015 7.75996 2.25 8.00378 2.25 8.25001C2.25 8.54837 2.36853 8.83452 2.5795 9.0455C2.79048 9.25648 3.07663 9.37501 3.375 9.37501H4.5V9.00001C4.49976 8.5833 4.63904 8.1785 4.89563 7.85016C4.26701 7.76392 3.69083 7.45314 3.27348 6.97522C2.85613 6.4973 2.62579 5.88451 2.625 5.25001V4.87501C2.62967 4.40896 2.75378 3.9519 2.98547 3.54751C2.87085 3.17775 2.83408 2.78826 2.87748 2.40359C2.92089 2.01892 3.04352 1.64742 3.23766 1.31251C3.27058 1.25549 3.31793 1.20814 3.37495 1.17523C3.43198 1.14231 3.49666 1.12499 3.5625 1.12501C3.99929 1.12409 4.43023 1.22535 4.82091 1.42069C5.21159 1.61602 5.55116 1.90003 5.8125 2.25001H6.9375C7.19884 1.90003 7.53841 1.61602 7.92909 1.42069C8.31977 1.22535 8.75071 1.12409 9.1875 1.12501C9.25334 1.12499 9.31802 1.14231 9.37505 1.17523C9.43207 1.20814 9.47942 1.25549 9.51234 1.31251C9.70651 1.64741 9.82912 2.01894 9.87245 2.40362C9.91577 2.78831 9.87887 3.1778 9.76406 3.54751C9.99619 3.95175 10.1205 4.40888 10.125 4.87501Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/GitIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GitIcon.tsx
deleted file mode 100644
index 5419f6bf..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/GitIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const GitIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="37"
-      height="36"
-      viewBox="0 0 37 36"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M35.7782 16.4219L20.0791 0.723956C19.864 0.508762 19.6087 0.338053 19.3276 0.221583C19.0466 0.105114 18.7453 0.045166 18.4411 0.045166C18.1368 0.045166 17.8356 0.105114 17.5545 0.221583C17.2735 0.338053 17.0181 0.508762 16.8031 0.723956L13.5443 3.9843L17.6788 8.11882C18.1649 7.95374 18.6875 7.92797 19.1875 8.04442C19.6874 8.16088 20.1448 8.41491 20.5079 8.77778C20.8731 9.14329 21.128 9.60418 21.2435 10.1077C21.359 10.6113 21.3304 11.1372 21.161 11.6253L25.1473 15.6103C25.6355 15.4408 26.1616 15.4122 26.6653 15.5279C27.169 15.6437 27.6299 15.899 27.9952 16.2646C28.251 16.5204 28.454 16.8241 28.5925 17.1584C28.7309 17.4926 28.8022 17.8509 28.8022 18.2127C28.8022 18.5745 28.7309 18.9328 28.5925 19.267C28.454 19.6013 28.251 19.905 27.9952 20.1608C27.4779 20.6776 26.7766 20.9678 26.0455 20.9678C25.3143 20.9678 24.6131 20.6776 24.0958 20.1608C23.7116 19.7759 23.4497 19.286 23.3434 18.7526C23.237 18.2192 23.2907 17.6663 23.4979 17.1634L19.7805 13.4472V23.2287C20.1729 23.4225 20.5134 23.707 20.7739 24.0586C21.0345 24.4103 21.2075 24.8189 21.2786 25.2507C21.3497 25.6825 21.317 26.1251 21.183 26.5417C21.0491 26.9583 20.8178 27.337 20.5083 27.6465C20.2525 27.9023 19.9488 28.1053 19.6146 28.2438C19.2803 28.3822 18.922 28.4535 18.5602 28.4535C18.1984 28.4535 17.8402 28.3822 17.5059 28.2438C17.1716 28.1053 16.8679 27.9023 16.6121 27.6465C16.3562 27.3907 16.1532 27.0869 16.0147 26.7526C15.8762 26.4183 15.8049 26.06 15.8049 25.6982C15.8049 25.3363 15.8762 24.978 16.0147 24.6437C16.1532 24.3094 16.3562 24.0057 16.6121 23.7499C16.8699 23.4916 17.1763 23.2869 17.5137 23.1477V13.2762C17.1777 13.1378 16.8724 12.9344 16.6153 12.6777C16.3582 12.421 16.1543 12.116 16.0154 11.7802C15.8765 11.4445 15.8053 11.0846 15.8059 10.7212C15.8065 10.3579 15.8789 9.9982 16.0189 9.66291L11.9423 5.58552L1.17673 16.3483C0.742912 16.783 0.499268 17.372 0.499268 17.9862C0.499268 18.6003 0.742912 19.1893 1.17673 19.624L16.8766 35.3239C17.3113 35.7576 17.9002 36.0011 18.5143 36.0011C19.1283 36.0011 19.7172 35.7576 20.1519 35.3239L35.7782 19.6975C36.212 19.2629 36.4557 18.6738 36.4557 18.0597C36.4557 17.4456 36.212 16.8566 35.7782 16.4219Z"
-        fill="#0000F4"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/GitTeaIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GitTeaIcon.tsx
deleted file mode 100644
index 2939ceba..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/GitTeaIcon.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const GitTeaIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M12.372 15.1312L8.40635 13.225C8.01573 13.0375 7.84698 12.5625 8.0376 12.1687L9.94385 8.20308C10.1314 7.81245 10.6064 7.6437 11.0001 7.83433C11.5376 8.0937 11.847 8.24058 11.847 8.24058L11.8439 4.82808L12.3657 4.82495L12.3689 8.48433C12.3689 8.48433 14.1626 9.24058 14.9657 9.73745C15.0814 9.80933 15.2845 9.94995 15.3689 10.1875C15.4345 10.3781 15.4314 10.5968 15.3376 10.7906L13.4314 14.7562C13.2376 15.1531 12.7626 15.3218 12.372 15.1312Z"
-        fill="white"
-      />
-      <path
-        d="M19.4595 4.68123C19.3314 4.5531 19.1595 4.55623 19.1595 4.55623C19.1595 4.55623 15.497 4.76248 13.6001 4.80623C13.1845 4.8156 12.772 4.82498 12.3626 4.8281C12.3626 6.04998 12.3626 7.27185 12.3626 8.4906C12.1907 8.40935 12.0157 8.32498 11.8439 8.24373C11.8439 7.10623 11.8407 4.83123 11.8407 4.83123C10.9345 4.84373 9.05324 4.76248 9.05324 4.76248C9.05324 4.76248 4.63449 4.5406 4.15324 4.49685C3.84699 4.4781 3.45011 4.43123 2.93449 4.54373C2.66261 4.59998 1.88761 4.77498 1.25324 5.38435C-0.153014 6.63748 0.206361 8.63123 0.250111 8.93123C0.303236 9.29685 0.465736 10.3125 1.24074 11.1969C2.67199 12.95 5.75324 12.9094 5.75324 12.9094C5.75324 12.9094 6.13136 13.8125 6.70949 14.6437C7.49074 15.6781 8.29386 16.4844 9.07511 16.5812C11.0439 16.5812 14.9782 16.5781 14.9782 16.5781C14.9782 16.5781 15.3532 16.5812 15.8626 16.2562C16.3001 15.9906 16.6907 15.525 16.6907 15.525C16.6907 15.525 17.0939 15.0937 17.6564 14.1094C17.8282 13.8062 17.972 13.5125 18.097 13.2344C18.097 13.2344 19.822 9.57498 19.822 6.01248C19.7876 4.93435 19.522 4.74373 19.4595 4.68123ZM3.92511 11.0594C3.11574 10.7937 2.77199 10.475 2.77199 10.475C2.77199 10.475 2.17511 10.0562 1.87511 9.23123C1.35949 7.84998 1.83136 7.00623 1.83136 7.00623C1.83136 7.00623 2.09386 6.3031 3.03449 6.06873C3.46574 5.9531 4.00324 5.97185 4.00324 5.97185C4.00324 5.97185 4.22511 7.8281 4.49386 8.9156C4.71886 9.8281 5.26886 11.3437 5.26886 11.3437C5.26886 11.3437 4.45324 11.2469 3.92511 11.0594ZM13.3095 14.4219C13.3095 14.4219 13.1189 14.875 12.697 14.9031C12.5157 14.9156 12.3751 14.8656 12.3751 14.8656C12.3751 14.8656 12.3657 14.8625 12.2095 14.8L8.68136 13.0812C8.68136 13.0812 8.34074 12.9031 8.28136 12.5937C8.21261 12.3406 8.36574 12.0281 8.36574 12.0281L10.0626 8.53123C10.0626 8.53123 10.2126 8.2281 10.4439 8.12498C10.4626 8.1156 10.5157 8.09373 10.5845 8.0781C10.8376 8.01248 11.147 8.1656 11.147 8.1656L14.6064 9.84373C14.6064 9.84373 15.0001 10.0219 15.0845 10.35C15.1439 10.5812 15.0689 10.7875 15.0282 10.8875C14.8314 11.3687 13.3095 14.4219 13.3095 14.4219Z"
-        fill="#609926"
-      />
-      <path
-        d="M10.2126 11.8781C9.95632 11.8813 9.73132 12.0594 9.67195 12.3094C9.61257 12.5594 9.73445 12.8187 9.95632 12.9344C10.1969 13.0594 10.5032 12.9906 10.6657 12.7656C10.8251 12.5437 10.8001 12.2375 10.6094 12.0437L11.3594 10.5094C11.4063 10.5125 11.4751 10.5156 11.5532 10.4937C11.6813 10.4656 11.7751 10.3813 11.7751 10.3813C11.9063 10.4375 12.0438 10.5 12.1876 10.5719C12.3376 10.6469 12.4782 10.725 12.6063 10.8C12.6344 10.8156 12.6626 10.8344 12.6938 10.8594C12.7438 10.9 12.8001 10.9562 12.8407 11.0312C12.9001 11.2031 12.7813 11.4969 12.7813 11.4969C12.7094 11.7344 12.2063 12.7656 12.2063 12.7656C11.9532 12.7594 11.7282 12.9219 11.6532 13.1562C11.5719 13.4094 11.6876 13.6969 11.9313 13.8219C12.1751 13.9469 12.4751 13.875 12.6344 13.6562C12.7907 13.4437 12.7782 13.1469 12.6001 12.95C12.6594 12.8344 12.7157 12.7188 12.7751 12.5969C12.9313 12.2719 13.1969 11.6469 13.1969 11.6469C13.2251 11.5938 13.3751 11.325 13.2813 10.9812C13.2032 10.625 12.8876 10.4594 12.8876 10.4594C12.5063 10.2125 11.9751 9.98438 11.9751 9.98438C11.9751 9.98438 11.9751 9.85625 11.9407 9.7625C11.9063 9.66562 11.8532 9.60313 11.8188 9.56563C11.9657 9.2625 12.1126 8.9625 12.2594 8.65938C12.1313 8.59688 12.0063 8.53437 11.8782 8.46875C11.7282 8.775 11.5751 9.08438 11.4251 9.39062C11.2157 9.3875 11.0219 9.5 10.9219 9.68437C10.8157 9.88125 10.8376 10.125 10.9813 10.3031C10.7251 10.8281 10.4688 11.3531 10.2126 11.8781Z"
-        fill="#609926"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/GithubIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GithubIcon.tsx
deleted file mode 100644
index f6a3c227..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/GithubIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const GithubIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9.9702 0.206024C4.45694 0.206024 0 4.69582 0 10.2503C0 14.6903 2.85571 18.4487 6.81735 19.7789C7.31265 19.8789 7.49408 19.5628 7.49408 19.2968C7.49408 19.064 7.47776 18.2658 7.47776 17.4342C4.70429 18.033 4.12674 16.2368 4.12674 16.2368C3.68102 15.0728 3.02061 14.7736 3.02061 14.7736C2.11286 14.1583 3.08673 14.1583 3.08673 14.1583C4.09367 14.2248 4.62204 15.1893 4.62204 15.1893C5.51327 16.7191 6.94939 16.2868 7.52714 16.0207C7.60959 15.3721 7.87388 14.9232 8.15449 14.6738C5.94245 14.4409 3.6151 13.5762 3.6151 9.71807C3.6151 8.62051 4.01102 7.72256 4.63837 7.02419C4.53939 6.7748 4.19265 5.74358 4.73755 4.36337C4.73755 4.36337 5.57939 4.09725 7.47755 5.39439C8.29022 5.17453 9.12832 5.06268 9.9702 5.06174C10.812 5.06174 11.6702 5.17827 12.4627 5.39439C14.361 4.09725 15.2029 4.36337 15.2029 4.36337C15.7478 5.74358 15.4008 6.7748 15.3018 7.02419C15.9457 7.72256 16.3253 8.62051 16.3253 9.71807C16.3253 13.5762 13.998 14.4242 11.7694 14.6738C12.1327 14.9897 12.4461 15.5883 12.4461 16.5362C12.4461 17.8832 12.4298 18.9642 12.4298 19.2966C12.4298 19.5628 12.6114 19.8789 13.1065 19.7791C17.0682 18.4485 19.9239 14.6903 19.9239 10.2503C19.9402 4.69582 15.4669 0.206024 9.9702 0.206024Z"
-        fill="#FBFBFB"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/GithubStrokeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GithubStrokeIcon.tsx
deleted file mode 100644
index 30a142b0..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/GithubStrokeIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const GithubStrokeIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M13.0194 4.73001C13.1722 4.23701 13.2212 3.71768 13.1634 3.20479C13.1055 2.6919 12.942 2.19656 12.6831 1.75001C12.6392 1.67398 12.5761 1.61085 12.5001 1.56697C12.424 1.52308 12.3378 1.49999 12.25 1.50001C11.6676 1.49879 11.093 1.6338 10.5721 1.89425C10.0512 2.1547 9.59845 2.53337 9.25 3.00001H7.75C7.40155 2.53337 6.94878 2.1547 6.42788 1.89425C5.90698 1.6338 5.33238 1.49879 4.75 1.50001C4.66221 1.49999 4.57597 1.52308 4.49994 1.56697C4.4239 1.61085 4.36077 1.67398 4.31687 1.75001C4.05803 2.19656 3.89452 2.6919 3.83664 3.20479C3.77877 3.71768 3.8278 4.23701 3.98062 4.73001C3.6717 5.26921 3.50623 5.87862 3.5 6.50001V7.00001C3.50105 7.84601 3.80817 8.66306 4.36464 9.30029C4.92111 9.93752 5.68935 10.3519 6.5275 10.4669C6.18538 10.9047 5.99968 11.4444 6 12V12.5H4.5C4.10218 12.5 3.72064 12.342 3.43934 12.0607C3.15804 11.7794 3 11.3978 3 11C3 10.6717 2.93534 10.3466 2.8097 10.0433C2.68406 9.73999 2.49991 9.46439 2.26777 9.23224C2.03562 9.00009 1.76002 8.81595 1.45671 8.69031C1.15339 8.56467 0.828305 8.50001 0.5 8.50001C0.367392 8.50001 0.240215 8.55269 0.146447 8.64645C0.0526784 8.74022 0 8.8674 0 9.00001C0 9.13262 0.0526784 9.25979 0.146447 9.35356C0.240215 9.44733 0.367392 9.50001 0.5 9.50001C0.897825 9.50001 1.27936 9.65804 1.56066 9.93935C1.84196 10.2207 2 10.6022 2 11C2 11.663 2.26339 12.2989 2.73223 12.7678C3.20107 13.2366 3.83696 13.5 4.5 13.5H6V14.5C6 14.6326 6.05268 14.7598 6.14645 14.8536C6.24021 14.9473 6.36739 15 6.5 15C6.63261 15 6.75979 14.9473 6.85355 14.8536C6.94732 14.7598 7 14.6326 7 14.5V12C7 11.6022 7.15804 11.2207 7.43934 10.9393C7.72064 10.658 8.10218 10.5 8.5 10.5C8.89782 10.5 9.27936 10.658 9.56066 10.9393C9.84196 11.2207 10 11.6022 10 12V14.5C10 14.6326 10.0527 14.7598 10.1464 14.8536C10.2402 14.9473 10.3674 15 10.5 15C10.6326 15 10.7598 14.9473 10.8536 14.8536C10.9473 14.7598 11 14.6326 11 14.5V12C11.0003 11.4444 10.8146 10.9047 10.4725 10.4669C11.3107 10.3519 12.0789 9.93752 12.6354 9.30029C13.1918 8.66306 13.4989 7.84601 13.5 7.00001V6.50001C13.4938 5.87862 13.3283 5.26921 13.0194 4.73001ZM12.5 7.00001C12.5 7.66305 12.2366 8.29893 11.7678 8.76778C11.2989 9.23662 10.663 9.50001 10 9.50001H7C6.33696 9.50001 5.70107 9.23662 5.23223 8.76778C4.76339 8.29893 4.5 7.66305 4.5 7.00001V6.50001C4.50613 6.00002 4.65582 5.51233 4.93125 5.09501C4.98259 5.02733 5.01585 4.94769 5.02788 4.8636C5.03991 4.77951 5.03031 4.69374 5 4.61438C4.86976 4.27851 4.80709 3.92023 4.81556 3.56009C4.82403 3.19995 4.90349 2.84501 5.04938 2.51563C5.45857 2.55965 5.85262 2.6952 6.2023 2.91224C6.55198 3.12928 6.84832 3.42223 7.06938 3.76938C7.11442 3.83982 7.17641 3.89784 7.24968 3.93813C7.32294 3.97842 7.40514 3.9997 7.48875 4.00001H9.51062C9.59455 4.00001 9.67713 3.97889 9.75075 3.93858C9.82437 3.89828 9.88666 3.84009 9.93188 3.76938C10.1529 3.4222 10.4492 3.12922 10.7989 2.91218C11.1486 2.69514 11.5427 2.55961 11.9519 2.51563C12.0976 2.8451 12.1768 3.20007 12.1851 3.56021C12.1933 3.92036 12.1304 4.27859 12 4.61438C11.9698 4.69298 11.9597 4.77788 11.9706 4.86138C11.9815 4.94487 12.0131 5.02432 12.0625 5.09251C12.3407 5.50984 12.4926 5.99853 12.5 6.50001V7.00001Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/GlobeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GlobeIcon.tsx
deleted file mode 100644
index 1aa97335..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/GlobeIcon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const GlobeIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M10 17.9167C14.3723 17.9167 17.9167 14.3723 17.9167 10C17.9167 5.62776 14.3723 2.08334 10 2.08334M10 17.9167C5.62776 17.9167 2.08334 14.3723 2.08334 10C2.08334 5.62776 5.62776 2.08334 10 2.08334M10 17.9167C8.15906 17.9167 6.66668 14.3723 6.66668 10C6.66668 5.62776 8.15906 2.08334 10 2.08334M10 17.9167C11.841 17.9167 13.3333 14.3723 13.3333 10C13.3333 5.62776 11.841 2.08334 10 2.08334M17.5 10H2.50001"
-        stroke="currentColor"
-        strokeLinecap="square"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/GoogleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GoogleIcon.tsx
deleted file mode 100644
index ef281ef3..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/GoogleIcon.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const GoogleIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 21 21"
-      fill="none"
-      {...props}
-    >
-      <path
-        fill="#4285F4"
-        fillRule="evenodd"
-        d="M19.3 11.219c0-.65-.058-1.275-.167-1.875H10.5v3.546h4.933a4.217 4.217 0 01-1.829 2.766v2.3h2.963C18.3 16.36 19.3 14.01 19.3 11.22z"
-        clipRule="evenodd"
-      ></path>
-      <path
-        fill="#34A853"
-        fillRule="evenodd"
-        d="M10.5 20.179c2.475 0 4.55-.82 6.066-2.22l-2.962-2.3c-.82.55-1.87.874-3.104.874-2.388 0-4.409-1.612-5.13-3.78H2.309v2.376a9.163 9.163 0 008.192 5.05z"
-        clipRule="evenodd"
-      ></path>
-      <path
-        fill="#FBBC05"
-        fillRule="evenodd"
-        d="M5.37 12.753a5.51 5.51 0 01-.287-1.742c0-.604.104-1.191.288-1.741V6.895H2.308a9.163 9.163 0 00-.975 4.116c0 1.48.354 2.88.975 4.117l3.063-2.375z"
-        clipRule="evenodd"
-      ></path>
-      <path
-        fill="#EA4335"
-        fillRule="evenodd"
-        d="M10.5 5.49c1.346 0 2.554.462 3.504 1.37l2.63-2.629C15.045 2.752 12.97 1.844 10.5 1.844a9.163 9.163 0 00-8.192 5.05l3.063 2.375c.72-2.167 2.741-3.78 5.129-3.78z"
-        clipRule="evenodd"
-      ></path>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/HideEyeOffIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/HideEyeOffIcon.tsx
deleted file mode 100644
index dd95373f..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/HideEyeOffIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const HideEyeOffIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M2.02012 1.31246C1.82486 1.1172 1.50828 1.1172 1.31301 1.31246C1.11775 1.50772 1.11775 1.82431 1.31301 2.01957L2.02012 1.31246ZM1.62744 7.42685L1.1887 7.18704L1.62744 7.42685ZM11.7196 11.719L12.0731 11.3655L11.7196 11.719ZM13.9797 14.6862C14.1749 14.8815 14.4915 14.8815 14.6868 14.6862C14.8821 14.491 14.8821 14.1744 14.6868 13.9791L13.9797 14.6862ZM1.62804 8.57302L1.18932 8.81287H1.18932L1.62804 8.57302ZM5.2498 3.12216C4.99958 3.23898 4.89145 3.53652 5.00828 3.78674C5.1251 4.03695 5.42264 4.14508 5.67286 4.02826L5.2498 3.12216ZM14.3718 7.42567L14.8105 7.18582L14.3718 7.42567ZM12.3668 10.4904C12.1743 10.6884 12.1786 11.0049 12.3766 11.1975C12.5745 11.39 12.891 11.3857 13.0836 11.1877L12.3668 10.4904ZM14.3724 8.57183L13.9336 8.33203V8.33203L14.3724 8.57183ZM6.58569 6.58512L6.93924 6.23157C6.74398 6.03631 6.4274 6.03631 6.23213 6.23157L6.58569 6.58512ZM9.41411 9.41355L9.76767 9.7671C9.86144 9.67334 9.91411 9.54616 9.91411 9.41355C9.91411 9.28094 9.86144 9.15377 9.76767 9.06L9.41411 9.41355ZM1.31301 2.01957L3.92667 4.63323L4.63378 3.92612L2.02012 1.31246L1.31301 2.01957ZM2.06618 7.66665C2.78183 6.35732 3.64551 5.3672 4.57648 4.68246L3.98397 3.87689C2.91986 4.65956 1.96456 5.76756 1.1887 7.18704L2.06618 7.66665ZM3.92667 4.63323L11.366 12.0726L12.0731 11.3655L4.63378 3.92612L3.92667 4.63323ZM11.366 12.0726L13.9797 14.6862L14.6868 13.9791L12.0731 11.3655L11.366 12.0726ZM1.18932 8.81287C2.47954 11.1728 4.26886 12.674 6.21987 13.243C8.17733 13.8138 10.2399 13.428 12.0158 12.1218L11.4233 11.3162C9.88108 12.4506 8.13835 12.7608 6.49983 12.283C4.85485 11.8033 3.25748 10.5112 2.06675 8.33317L1.18932 8.81287ZM1.1887 7.18704C0.911724 7.69378 0.912792 8.30707 1.18932 8.81287L2.06675 8.33317C1.95313 8.12535 1.95308 7.87358 2.06618 7.66665L1.1887 7.18704ZM5.67286 4.02826C7.09829 3.36272 8.63166 3.32591 10.0669 3.91426C11.5069 4.50457 12.8795 5.7385 13.933 7.66553L14.8105 7.18582C13.6688 5.09759 12.1371 3.68216 10.4462 2.98899C8.75047 2.29385 6.92622 2.33943 5.2498 3.12216L5.67286 4.02826ZM13.0836 11.1877C13.7227 10.5308 14.305 9.7376 14.8111 8.81164L13.9336 8.33203C13.4669 9.18586 12.9371 9.90419 12.3668 10.4904L13.0836 11.1877ZM13.933 7.66553C14.0467 7.87336 14.0467 8.12511 13.9336 8.33203L14.8111 8.81164C15.0881 8.30489 15.087 7.69161 14.8105 7.18582L13.933 7.66553ZM7.9999 9.49934C7.17147 9.49934 6.4999 8.82776 6.4999 7.99934H5.4999C5.4999 9.38005 6.61919 10.4993 7.9999 10.4993V9.49934ZM6.4999 7.99934C6.4999 7.58499 6.66725 7.21067 6.93924 6.93868L6.23213 6.23157C5.78027 6.68343 5.4999 7.30912 5.4999 7.99934H6.4999ZM6.23213 6.93868L9.06056 9.7671L9.76767 9.06L6.93924 6.23157L6.23213 6.93868ZM9.06056 9.06C8.78857 9.33199 8.41425 9.49934 7.9999 9.49934V10.4993C8.69012 10.4993 9.3158 10.219 9.76767 9.7671L9.06056 9.06Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/HorizontalDotIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/HorizontalDotIcon.tsx
deleted file mode 100644
index 6c98903f..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/HorizontalDotIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const HorizontalDotIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M10.9375 10C10.9375 10.1854 10.8825 10.3667 10.7795 10.5208C10.6765 10.675 10.5301 10.7952 10.3588 10.8661C10.1875 10.9371 9.99896 10.9557 9.8171 10.9195C9.63525 10.8833 9.4682 10.794 9.33709 10.6629C9.20598 10.5318 9.11669 10.3648 9.08051 10.1829C9.04434 10.001 9.06291 9.81254 9.13386 9.64123C9.20482 9.46993 9.32498 9.32351 9.47915 9.2205C9.63332 9.11748 9.81458 9.0625 10 9.0625C10.2486 9.0625 10.4871 9.16127 10.6629 9.33709C10.8387 9.5129 10.9375 9.75136 10.9375 10ZM15.3125 9.0625C15.1271 9.0625 14.9458 9.11748 14.7917 9.2205C14.6375 9.32351 14.5173 9.46993 14.4464 9.64123C14.3754 9.81254 14.3568 10.001 14.393 10.1829C14.4292 10.3648 14.5185 10.5318 14.6496 10.6629C14.7807 10.794 14.9477 10.8833 15.1296 10.9195C15.3115 10.9557 15.5 10.9371 15.6713 10.8661C15.8426 10.7952 15.989 10.675 16.092 10.5208C16.195 10.3667 16.25 10.1854 16.25 10C16.25 9.75136 16.1512 9.5129 15.9754 9.33709C15.7996 9.16127 15.5611 9.0625 15.3125 9.0625ZM4.6875 9.0625C4.50208 9.0625 4.32082 9.11748 4.16665 9.2205C4.01248 9.32351 3.89232 9.46993 3.82136 9.64123C3.75041 9.81254 3.73184 10.001 3.76801 10.1829C3.80419 10.3648 3.89348 10.5318 4.02459 10.6629C4.1557 10.794 4.32275 10.8833 4.5046 10.9195C4.68646 10.9557 4.87496 10.9371 5.04627 10.8661C5.21757 10.7952 5.36399 10.675 5.467 10.5208C5.57002 10.3667 5.625 10.1854 5.625 10C5.625 9.75136 5.52623 9.5129 5.35041 9.33709C5.1746 9.16127 4.93614 9.0625 4.6875 9.0625Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/InfoRoundFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/InfoRoundFilledIcon.tsx
deleted file mode 100644
index 44511f8f..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/InfoRoundFilledIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const InfoRoundFilledIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM10 11C10 10.4477 10.4477 10 11 10H12C12.5523 10 13 10.4477 13 11V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V12C10.4477 12 10 11.5523 10 11ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/InfoSquareIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/InfoSquareIcon.tsx
deleted file mode 100644
index 3b8e6769..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/InfoSquareIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const InfoSquareIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M5.96786 2.5C5.52858 2.49999 5.14962 2.49997 4.83748 2.52548C4.50802 2.55239 4.18034 2.61182 3.86503 2.77249C3.39462 3.01217 3.01217 3.39462 2.77249 3.86503C2.61182 4.18034 2.55239 4.50802 2.52548 4.83748C2.49997 5.14962 2.49999 5.52857 2.5 5.96785V14.0321C2.49999 14.4714 2.49997 14.8504 2.52548 15.1625C2.55239 15.492 2.61182 15.8197 2.77249 16.135C3.01217 16.6054 3.39462 16.9878 3.86503 17.2275C4.18034 17.3882 4.50802 17.4476 4.83748 17.4745C5.14962 17.5 5.52858 17.5 5.96786 17.5H14.0321C14.4714 17.5 14.8504 17.5 15.1625 17.4745C15.492 17.4476 15.8197 17.3882 16.135 17.2275C16.6054 16.9878 16.9878 16.6054 17.2275 16.135C17.3882 15.8197 17.4476 15.492 17.4745 15.1625C17.5 14.8504 17.5 14.4714 17.5 14.0321V5.96786C17.5 5.52858 17.5 5.14962 17.4745 4.83748C17.4476 4.50802 17.3882 4.18034 17.2275 3.86503C16.9878 3.39462 16.6054 3.01217 16.135 2.77249C15.8197 2.61182 15.492 2.55239 15.1625 2.52548C14.8504 2.49997 14.4714 2.49999 14.0322 2.5H5.96786ZM8.33333 9.16667C8.33333 8.70643 8.70643 8.33333 9.16667 8.33333H10C10.4602 8.33333 10.8333 8.70643 10.8333 9.16667V13.3333C10.8333 13.7936 10.4602 14.1667 10 14.1667C9.53976 14.1667 9.16667 13.7936 9.16667 13.3333V10C8.70643 10 8.33333 9.6269 8.33333 9.16667ZM10 5.83333C9.53976 5.83333 9.16667 6.20643 9.16667 6.66667C9.16667 7.1269 9.53976 7.5 10 7.5C10.4602 7.5 10.8333 7.1269 10.8333 6.66667C10.8333 6.20643 10.4602 5.83333 10 5.83333Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/KeyIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/KeyIcon.tsx
deleted file mode 100644
index eceb71db..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/KeyIcon.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const KeyIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="32"
-      height="32"
-      viewBox="0 0 32 32"
-      fill="none"
-      {...props}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="33"
-        height="33"
-        fill="none"
-        viewBox="0 0 33 33"
-      >
-        <g clipPath="url(#clip0_2415_13439)">
-          <g filter="url(#filter0_i_2415_13439)">
-            <path
-              fill="#0F86F5"
-              fillRule="evenodd"
-              d="M1.833 16.691a8 8 0 0114.499-4.666h12.142l3.733 4.666-3.733 4.667h-4.289l-2.352-1.176-2.352 1.176h-3.15a8 8 0 01-14.498-4.667zm8 2a2 2 0 100-4 2 2 0 000 4z"
-              clipRule="evenodd"
-            ></path>
-          </g>
-          <path
-            stroke="#000"
-            strokeOpacity="0.1"
-            d="M15.926 12.317l.15.208h12.158l3.333 4.166-3.333 4.167h-3.93l-2.247-1.123-.224-.112-.223.112-2.247 1.123H16.075l-.15.208a7.5 7.5 0 110-8.75zM9.833 19.19a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
-          ></path>
-        </g>
-        <defs>
-          <filter
-            id="filter0_i_2415_13439"
-            width="30.374"
-            height="17.5"
-            x="1.833"
-            y="8.691"
-            colorInterpolationFilters="sRGB"
-            filterUnits="userSpaceOnUse"
-          >
-            <feFlood floodOpacity="0" result="BackgroundImageFix"></feFlood>
-            <feBlend
-              in="SourceGraphic"
-              in2="BackgroundImageFix"
-              result="shape"
-            ></feBlend>
-            <feColorMatrix
-              in="SourceAlpha"
-              result="hardAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            ></feColorMatrix>
-            <feOffset dy="2"></feOffset>
-            <feGaussianBlur stdDeviation="0.75"></feGaussianBlur>
-            <feComposite
-              in2="hardAlpha"
-              k2="-1"
-              k3="1"
-              operator="arithmetic"
-            ></feComposite>
-            <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"></feColorMatrix>
-            <feBlend
-              in2="shape"
-              result="effect1_innerShadow_2415_13439"
-            ></feBlend>
-          </filter>
-          <clipPath id="clip0_2415_13439">
-            <path
-              fill="#fff"
-              d="M0 0H32V32H0z"
-              transform="translate(.5 .691)"
-            ></path>
-          </clipPath>
-        </defs>
-      </svg>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/LifeBuoyIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LifeBuoyIcon.tsx
deleted file mode 100644
index aa5f3f0a..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/LifeBuoyIcon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const LifeBuoyIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        id="Icon"
-        d="M4.5835 4.58325L7.35092 7.35068M7.35092 12.6492L4.5835 15.4166M12.6494 12.6492L15.4168 15.4166M15.4168 4.58325L12.6494 7.35068M17.9168 9.99992C17.9168 14.3722 14.3724 17.9166 10.0002 17.9166C5.62791 17.9166 2.0835 14.3722 2.0835 9.99992C2.0835 5.62766 5.62791 2.08325 10.0002 2.08325C14.3724 2.08325 17.9168 5.62766 17.9168 9.99992ZM13.7502 9.99992C13.7502 12.071 12.0712 13.7499 10.0002 13.7499C7.92909 13.7499 6.25016 12.071 6.25016 9.99992C6.25016 7.92885 7.92909 6.24992 10.0002 6.24992C12.0712 6.24992 13.7502 7.92885 13.7502 9.99992Z"
-        stroke="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/LinkChainIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LinkChainIcon.tsx
deleted file mode 100644
index 3abcd41b..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/LinkChainIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const LinkChainIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.75027 5.52371L10.7168 4.55722C13.1264 2.14759 17.0332 2.14759 19.4428 4.55722C21.8524 6.96684 21.8524 10.8736 19.4428 13.2832L18.4742 14.2519M5.52886 9.74513L4.55722 10.7168C2.14759 13.1264 2.1476 17.0332 4.55722 19.4428C6.96684 21.8524 10.8736 21.8524 13.2832 19.4428L14.2478 18.4782M9.5 14.5L14.5 9.5"
-        stroke="currentColor"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/LinkIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LinkIcon.tsx
deleted file mode 100644
index cd459259..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/LinkIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const LinkIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M5.99634 4.3125C5.99634 4.00184 6.24818 3.75 6.55884 3.75H12.1875C13.3266 3.75 14.25 4.67341 14.25 5.8125V12.1844C14.25 12.495 13.9982 12.7469 13.6875 12.7469C13.3769 12.7469 13.125 12.495 13.125 12.1844V5.8125C13.125 5.76745 13.1218 5.72315 13.1157 5.6798L5.27275 13.5227C5.05308 13.7424 4.69692 13.7424 4.47725 13.5227C4.25758 13.3031 4.25758 12.9469 4.47725 12.7273L12.3202 4.88432C12.2768 4.87818 12.2326 4.875 12.1875 4.875H6.55884C6.24818 4.875 5.99634 4.62316 5.99634 4.3125Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/LoaderIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LoaderIcon.tsx
deleted file mode 100644
index 22dd6a90..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/LoaderIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const LoaderIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="25"
-      height="24"
-      viewBox="0 0 25 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M12.5003 3V6M12.5003 18V21M6.13634 5.63604L8.25766 7.75736M16.7429 16.2426L18.8643 18.364M3.5 12.0007H6.5M18.5 12.0007H21.5M6.13634 18.364L8.25766 16.2426M16.7429 7.75736L18.8643 5.63604"
-        stroke="currentColor"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/LoadingIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LoadingIcon.tsx
deleted file mode 100644
index 58f80a90..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/LoadingIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const LoadingIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10.0002 1.66669C10.4605 1.66669 10.8336 2.03978 10.8336 2.50002V5.00002C10.8336 5.46026 10.4605 5.83335 10.0002 5.83335C9.54 5.83335 9.1669 5.46026 9.1669 5.00002V2.50002C9.1669 2.03978 9.54 1.66669 10.0002 1.66669ZM15.8928 4.10746C16.2182 4.4329 16.2182 4.96054 15.8928 5.28597L14.125 7.05374C13.7996 7.37918 13.272 7.37918 12.9465 7.05374C12.6211 6.7283 12.6211 6.20067 12.9465 5.87523L14.7143 4.10746C15.0397 3.78203 15.5674 3.78203 15.8928 4.10746ZM4.10768 4.10746C4.43312 3.78203 4.96076 3.78203 5.28619 4.10746L7.05396 5.87523C7.3794 6.20067 7.3794 6.7283 7.05396 7.05374C6.72852 7.37918 6.20088 7.37918 5.87545 7.05374L4.10768 5.28597C3.78224 4.96054 3.78224 4.4329 4.10768 4.10746ZM1.66666 10.0006C1.66666 9.54035 2.03975 9.16725 2.49999 9.16725H4.99999C5.46023 9.16725 5.83332 9.54035 5.83332 10.0006C5.83332 10.4608 5.46023 10.8339 4.99999 10.8339H2.49999C2.03975 10.8339 1.66666 10.4608 1.66666 10.0006ZM14.1667 10.0006C14.1667 9.54035 14.5398 9.16725 15 9.16725H17.5C17.9602 9.16725 18.3333 9.54035 18.3333 10.0006C18.3333 10.4608 17.9602 10.8339 17.5 10.8339H15C14.5398 10.8339 14.1667 10.4608 14.1667 10.0006ZM7.05396 12.9463C7.3794 13.2717 7.3794 13.7994 7.05396 14.1248L5.28619 15.8926C4.96076 16.218 4.43312 16.218 4.10768 15.8926C3.78224 15.5671 3.78224 15.0395 4.10768 14.7141L5.87545 12.9463C6.20088 12.6209 6.72852 12.6209 7.05396 12.9463ZM12.9465 12.9463C13.272 12.6209 13.7996 12.6209 14.125 12.9463L15.8928 14.7141C16.2182 15.0395 16.2182 15.5671 15.8928 15.8926C15.5674 16.218 15.0397 16.218 14.7143 15.8926L12.9465 14.1248C12.6211 13.7994 12.6211 13.2717 12.9465 12.9463ZM10.0002 14.1667C10.4605 14.1667 10.8336 14.5398 10.8336 15V17.5C10.8336 17.9603 10.4605 18.3334 10.0002 18.3334C9.54 18.3334 9.1669 17.9603 9.1669 17.5V15C9.1669 14.5398 9.54 14.1667 10.0002 14.1667Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/LockIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LockIcon.tsx
deleted file mode 100644
index 0a20f967..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/LockIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const LockIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M7.99984 1.5C6.15889 1.5 4.6665 2.99238 4.6665 4.83333V6H4.49984C3.48732 6 2.6665 6.82081 2.6665 7.83333V12.8333C2.6665 13.8459 3.48732 14.6667 4.49984 14.6667H11.4998C12.5124 14.6667 13.3332 13.8459 13.3332 12.8333V7.83333C13.3332 6.82081 12.5124 6 11.4998 6H11.3332V4.83333C11.3332 2.99238 9.84079 1.5 7.99984 1.5ZM10.3332 6V4.83333C10.3332 3.54467 9.2885 2.5 7.99984 2.5C6.71117 2.5 5.6665 3.54467 5.6665 4.83333V6H10.3332ZM7.99984 8.83333C8.27598 8.83333 8.49984 9.05719 8.49984 9.33333V11.3333C8.49984 11.6095 8.27598 11.8333 7.99984 11.8333C7.72369 11.8333 7.49984 11.6095 7.49984 11.3333V9.33333C7.49984 9.05719 7.72369 8.83333 7.99984 8.83333Z"
-        fill="#EA580C"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/LogoutIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LogoutIcon.tsx
deleted file mode 100644
index 292cd9b5..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/LogoutIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const LogoutIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M4.3125 3.375C3.79473 3.375 3.375 3.79473 3.375 4.3125L3.375 13.6875C3.375 14.2053 3.79473 14.625 4.3125 14.625H8.4375C8.74816 14.625 9 14.8768 9 15.1875C9 15.4982 8.74816 15.75 8.4375 15.75H4.3125C3.17341 15.75 2.25 14.8266 2.25 13.6875L2.25 4.3125C2.25 3.17341 3.17341 2.25 4.3125 2.25L8.4375 2.25C8.74816 2.25 9 2.50184 9 2.8125C9 3.12316 8.74816 3.375 8.4375 3.375L4.3125 3.375ZM11.4148 5.22725C11.6344 5.00758 11.9906 5.00758 12.2102 5.22725L15.5852 8.60224C15.8049 8.82191 15.8049 9.17807 15.5852 9.39774L12.2102 12.7727C11.9906 12.9924 11.6344 12.9924 11.4148 12.7727C11.1951 12.5531 11.1951 12.1969 11.4148 11.9773L13.8295 9.56249L6.75 9.56249C6.43934 9.56249 6.1875 9.31065 6.1875 8.99999C6.1875 8.68933 6.43934 8.43749 6.75 8.43749L13.8295 8.43749L11.4148 6.02275C11.1951 5.80308 11.1951 5.44692 11.4148 5.22725Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/MenuIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/MenuIcon.tsx
deleted file mode 100644
index f1335c03..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/MenuIcon.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const MenuIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M2 4.5C2 4.22386 2.22386 4 2.5 4H18.5C18.7761 4 19 4.22386 19 4.5C19 4.77614 18.7761 5 18.5 5H2.5C2.22386 5 2 4.77614 2 4.5Z"
-        fill="currentColor"
-      />
-      <path
-        d="M2 10.5C2 10.2239 2.22386 10 2.5 10H10.5C10.7761 10 11 10.2239 11 10.5C11 10.7761 10.7761 11 10.5 11H2.5C2.22386 11 2 10.7761 2 10.5Z"
-        fill="currentColor"
-      />
-      <path
-        d="M2 16.5C2 16.2239 2.22386 16 2.5 16H18.5C18.7761 16 19 16.2239 19 16.5C19 16.7761 18.7761 17 18.5 17H2.5C2.22386 17 2 16.7761 2 16.5Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/MinusCircleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/MinusCircleIcon.tsx
deleted file mode 100644
index bd631313..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/MinusCircleIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const MinusCircleIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="25"
-      height="24"
-      viewBox="0 0 25 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M2.5 12C2.5 6.47715 6.97715 2 12.5 2C18.0228 2 22.5 6.47715 22.5 12C22.5 17.5228 18.0228 22 12.5 22C6.97715 22 2.5 17.5228 2.5 12ZM16.5 12.9999C17.0523 12.9999 17.5 12.5522 17.5 11.9999C17.5 11.4476 17.0523 10.9999 16.5 10.9999L8.49997 11.0001C7.94769 11.0001 7.49998 11.4479 7.5 12.0001C7.50002 12.5524 7.94774 13.0001 8.50003 13.0001L16.5 12.9999Z"
-        fill="#0F86F5"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/NotificationBellIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/NotificationBellIcon.tsx
deleted file mode 100644
index 2e60bb0e..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/NotificationBellIcon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const NotificationBellIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        id="Icon"
-        d="M13.3333 15.4166C12.7722 16.8882 11.4909 17.9166 9.99997 17.9166C8.50903 17.9166 7.22769 16.8882 6.66664 15.4166M4.80461 15.4166H15.1953C16.1978 15.4166 16.9735 14.5379 16.8491 13.5432L16.0885 7.45809C15.7047 4.38751 13.0944 2.08325 9.99997 2.08325C6.90549 2.08325 4.29527 4.38751 3.91145 7.45809L3.15081 13.5432C3.02647 14.5379 3.80211 15.4166 4.80461 15.4166Z"
-        stroke="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx
deleted file mode 100644
index aefe8fde..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const PencilIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M8.625 3.125C8.90114 3.125 9.125 2.90114 9.125 2.625C9.125 2.34886 8.90114 2.125 8.625 2.125V3.125ZM15.875 9.375C15.875 9.09886 15.6511 8.875 15.375 8.875C15.0989 8.875 14.875 9.09886 14.875 9.375H15.875ZM3.44401 15.2115L3.67101 14.766L3.67101 14.766L3.44401 15.2115ZM2.78849 14.556L3.23399 14.329H3.23399L2.78849 14.556ZM14.556 15.2115L14.329 14.766L14.329 14.766L14.556 15.2115ZM15.2115 14.556L14.766 14.329L14.766 14.329L15.2115 14.556ZM2.78849 3.44401L2.34299 3.21702L2.78849 3.44401ZM3.44401 2.78849L3.21702 2.34299V2.34299L3.44401 2.78849ZM9.375 6.375L9.02145 6.02145C8.92768 6.11521 8.875 6.24239 8.875 6.375H9.375ZM9.375 8.625H8.875C8.875 8.90114 9.09886 9.125 9.375 9.125V8.625ZM11.625 8.625V9.125C11.7576 9.125 11.8848 9.07232 11.9786 8.97855L11.625 8.625ZM13.3768 2.37316L13.7304 2.72671V2.72671L13.3768 2.37316ZM15.4982 2.37316L15.8517 2.01961L15.8517 2.01961L15.4982 2.37316ZM15.6268 2.50184L15.2733 2.85539V2.85539L15.6268 2.50184ZM15.6268 4.62316L15.9804 4.97671V4.97671L15.6268 4.62316ZM12.975 14.875H5.025V15.875H12.975V14.875ZM3.125 12.975V5.025H2.125V12.975H3.125ZM5.025 3.125H8.625V2.125H5.025V3.125ZM14.875 9.375V12.975H15.875V9.375H14.875ZM5.025 14.875C4.59671 14.875 4.30556 14.8746 4.08052 14.8562C3.86131 14.8383 3.74921 14.8059 3.67101 14.766L3.21702 15.657C3.45969 15.7807 3.71804 15.8299 3.99909 15.8529C4.2743 15.8754 4.61321 15.875 5.025 15.875V14.875ZM2.125 12.975C2.125 13.3868 2.12461 13.7257 2.1471 14.0009C2.17006 14.282 2.21934 14.5403 2.34299 14.783L3.23399 14.329C3.19415 14.2508 3.16169 14.1387 3.14378 13.9195C3.12539 13.6944 3.125 13.4033 3.125 12.975H2.125ZM3.67101 14.766C3.48285 14.6701 3.32987 14.5172 3.23399 14.329L2.34299 14.783C2.53473 15.1593 2.8407 15.4653 3.21702 15.657L3.67101 14.766ZM12.975 15.875C13.3868 15.875 13.7257 15.8754 14.0009 15.8529C14.282 15.8299 14.5403 15.7807 14.783 15.657L14.329 14.766C14.2508 14.8059 14.1387 14.8383 13.9195 14.8562C13.6944 14.8746 13.4033 14.875 12.975 14.875V15.875ZM14.875 12.975C14.875 13.4033 14.8746 13.6944 14.8562 13.9195C14.8383 14.1387 14.8059 14.2508 14.766 14.329L15.657 14.783C15.7807 14.5403 15.8299 14.282 15.8529 14.0009C15.8754 13.7257 15.875 13.3868 15.875 12.975H14.875ZM14.783 15.657C15.1593 15.4653 15.4653 15.1593 15.657 14.783L14.766 14.329C14.6701 14.5172 14.5172 14.6701 14.329 14.766L14.783 15.657ZM3.125 5.025C3.125 4.59671 3.12539 4.30556 3.14378 4.08052C3.16169 3.86131 3.19415 3.74921 3.23399 3.67101L2.34299 3.21702C2.21934 3.45969 2.17006 3.71804 2.1471 3.99909C2.12461 4.2743 2.125 4.61321 2.125 5.025H3.125ZM5.025 2.125C4.61321 2.125 4.2743 2.12461 3.99909 2.1471C3.71804 2.17006 3.45969 2.21934 3.21702 2.34299L3.67101 3.23399C3.74921 3.19415 3.86131 3.16169 4.08052 3.14378C4.30556 3.12539 4.59671 3.125 5.025 3.125V2.125ZM3.23399 3.67101C3.32987 3.48285 3.48285 3.32987 3.67101 3.23399L3.21702 2.34299C2.84069 2.53473 2.53473 2.84069 2.34299 3.21702L3.23399 3.67101ZM8.875 6.375V8.625H9.875V6.375H8.875ZM9.375 9.125H11.625V8.125H9.375V9.125ZM9.72855 6.72855L13.7304 2.72671L13.0233 2.01961L9.02145 6.02145L9.72855 6.72855ZM15.1446 2.72671L15.2733 2.85539L15.9804 2.14829L15.8517 2.01961L15.1446 2.72671ZM15.2733 4.26961L11.2714 8.27145L11.9786 8.97855L15.9804 4.97671L15.2733 4.26961ZM15.2733 2.85539C15.6638 3.24592 15.6638 3.87908 15.2733 4.26961L15.9804 4.97671C16.7614 4.19566 16.7614 2.92933 15.9804 2.14829L15.2733 2.85539ZM13.7304 2.72671C14.1209 2.33619 14.7541 2.33619 15.1446 2.72671L15.8517 2.01961C15.0707 1.23856 13.8043 1.23856 13.0233 2.01961L13.7304 2.72671Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/PlusIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/PlusIcon.tsx
deleted file mode 100644
index bbebef53..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/PlusIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const PlusIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M1.66666 9.99999C1.66666 5.39762 5.39762 1.66666 9.99999 1.66666C14.6024 1.66666 18.3333 5.39762 18.3333 9.99999C18.3333 14.6024 14.6024 18.3333 9.99999 18.3333C5.39762 18.3333 1.66666 14.6024 1.66666 9.99999ZM10.625 6.46483C10.625 6.11966 10.3452 5.83983 9.99999 5.83983C9.65481 5.83983 9.37499 6.11966 9.37499 6.46483V9.37537H6.46446C6.11928 9.37537 5.83946 9.65519 5.83946 10.0004C5.83946 10.3455 6.11928 10.6254 6.46446 10.6254H9.37499V13.5359C9.37499 13.8811 9.65481 14.1609 9.99999 14.1609C10.3452 14.1609 10.625 13.8811 10.625 13.5359V10.6254H13.5355C13.8807 10.6254 14.1605 10.3455 14.1605 10.0004C14.1605 9.65519 13.8807 9.37537 13.5355 9.37537H10.625V6.46483Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundFilledIcon.tsx
deleted file mode 100644
index 1fb707a9..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundFilledIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const QuestionMarkRoundFilledIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM10 7C9.62268 7 9.29263 7.2086 9.12148 7.52152C8.85646 8.00606 8.24881 8.18401 7.76427 7.91899C7.27973 7.65396 7.10178 7.04632 7.3668 6.56178C7.87463 5.63331 8.86264 5 10 5C11.5148 5 12.5669 6.00643 12.8664 7.189C13.1676 8.37785 12.7101 9.76299 11.3416 10.4472C11.1323 10.5519 11 10.7659 11 11C11 11.5523 10.5523 12 10 12C9.44772 12 9.00001 11.5523 9.00001 11C9.00001 10.0084 9.56027 9.10183 10.4472 8.65836C10.902 8.43099 11.0188 8.03973 10.9277 7.6801C10.835 7.31417 10.5283 7 10 7ZM10 15C10.5523 15 11 14.5523 11 14C11 13.4477 10.5523 13 10 13C9.44771 13 9 13.4477 9 14C9 14.5523 9.44771 15 10 15Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundIcon.tsx
deleted file mode 100644
index 5aa25fe9..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundIcon.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const QuestionMarkRoundIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <g>
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9.99984 2.50008C5.8577 2.50008 2.49984 5.85795 2.49984 10.0001C2.49984 14.1422 5.8577 17.5001 9.99984 17.5001C14.142 17.5001 17.4998 14.1422 17.4998 10.0001C17.4998 5.85795 14.142 2.50008 9.99984 2.50008ZM1.6665 10.0001C1.6665 5.39771 5.39746 1.66675 9.99984 1.66675C14.6022 1.66675 18.3332 5.39771 18.3332 10.0001C18.3332 14.6025 14.6022 18.3334 9.99984 18.3334C5.39746 18.3334 1.6665 14.6025 1.6665 10.0001Z"
-          fill="currentColor"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9.58317 6.66675C8.89281 6.66675 8.33317 7.22639 8.33317 7.91675C8.33317 8.14687 8.14662 8.33342 7.9165 8.33342C7.68639 8.33342 7.49984 8.14687 7.49984 7.91675C7.49984 6.76616 8.43258 5.83342 9.58317 5.83342H10.4869C11.5986 5.83342 12.4998 6.73462 12.4998 7.84631C12.4998 8.55337 12.1289 9.20858 11.5226 9.57236L11.0234 9.87187C10.6469 10.0978 10.4165 10.5047 10.4165 10.9437V12.0834C10.4165 12.3135 10.23 12.5001 9.99984 12.5001C9.76972 12.5001 9.58317 12.3135 9.58317 12.0834V10.9437C9.58317 10.2119 9.96713 9.5338 10.5946 9.15729L11.0938 8.85778C11.4491 8.6446 11.6665 8.26065 11.6665 7.84631C11.6665 7.19486 11.1384 6.66675 10.4869 6.66675H9.58317Z"
-          fill="currentColor"
-        />
-        <path
-          d="M9.58317 13.7501C9.58317 13.52 9.76972 13.3334 9.99984 13.3334C10.23 13.3334 10.4165 13.52 10.4165 13.7501C10.4165 13.9802 10.23 14.1667 9.99984 14.1667C9.76972 14.1667 9.58317 13.9802 9.58317 13.7501Z"
-          fill="currentColor"
-        />
-      </g>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/README.md b/packages/frontend/src/components/shared/CustomIcon/README.md
deleted file mode 100644
index d7e8b3d1..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/README.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# 1. What icons are compatible with this component?
-
-- Viewbox "0 0 24 24": From where you're exporting from, please make sure the icon is using viewBox="0 0 24 24" before downloading/exporting. Not doing so will result in incorrect icon scaling
-
-# 2. How to add a new icon?
-
-**2.1 Sanitising the icon**
-
-1. Duplicate a current icon e.g. CrossIcon and rename it accordingly.
-2. Rename the function inside the new file you duplicated too
-3. Replace the markup with your SVG markup (make sure it complies with the above section's rule)
-4. Depending on the svg you pasted...
-   A. If the `<svg>` has only 1 child, remove the `<svg>` parent entirely so you only have the path left
-   B. If your component has more than 1 paths, rename `<svg>` tag with the `<g>` tag. Then, remove all attributes of this `<g>` tag so that it's just `<g>`
-5. Usually, icons are single colored. If that's the case, replace all fill/stroke color with `currentColor`. E.g. <path d="..." fill="currentColor">. Leave the other attributes without removing them.
-6. If your icon has more than one colour, then it's up to you to decide whether we want to use tailwind to help set the fill and stroke colors
-7. Lastly, export your icon in `index.ts` by following what was done for CrossIcon
-8. Make sure to provide a name to the `<CustomIcon>` component for accessibility sake
-9. Done!
-
-**2.3 Use your newly imported icon**
-
-1. You can change simply use `<BellIcon size="32" />` to quickly change both width and height with the same value (square). For custom viewBox, width and height, simply provide all three props.
-2. Coloring the icon: Simply add a className with text color. E.g. `<BellIcon className="text-gray-500" />`
diff --git a/packages/frontend/src/components/shared/CustomIcon/RefreshIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/RefreshIcon.tsx
deleted file mode 100644
index f9b15001..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/RefreshIcon.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const RefreshIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M4.7586 5.25C5.80171 4.1001 7.33209 3.375 9 3.375C12.1066 3.375 14.625 5.8934 14.625 9C14.625 9.23861 14.6102 9.47349 14.5815 9.70383C14.543 10.0121 14.7618 10.2932 15.07 10.3316C15.3783 10.3701 15.6594 10.1513 15.6978 9.84304C15.7323 9.56663 15.75 9.28526 15.75 9C15.75 5.27208 12.7279 2.25 9 2.25C7.10933 2.25 5.36655 3.02807 4.125 4.28342V2.8125C4.125 2.50184 3.87316 2.25 3.5625 2.25C3.25184 2.25 3 2.50184 3 2.8125L3 5.25C3 5.87132 3.50368 6.375 4.125 6.375H6.5625C6.87316 6.375 7.125 6.12316 7.125 5.8125C7.125 5.50184 6.87316 5.25 6.5625 5.25H4.7586Z"
-        fill="currentColor"
-      />
-      <path
-        d="M3.41855 8.29617C3.45699 7.98789 3.23825 7.70683 2.92997 7.66839C2.6217 7.62994 2.34063 7.84869 2.30219 8.15696C2.26773 8.43337 2.25 8.71474 2.25 9C2.25 12.7279 5.27208 15.75 9 15.75C10.8952 15.75 12.6418 14.9682 13.8839 13.7076V15.1875C13.8839 15.4982 14.1357 15.75 14.4464 15.75C14.757 15.75 15.0089 15.4982 15.0089 15.1875V12.75C15.0089 12.1287 14.5052 11.625 13.8839 11.625L11.4464 11.625C11.1357 11.625 10.8839 11.8768 10.8839 12.1875C10.8839 12.4982 11.1357 12.75 11.4464 12.75H13.2414C12.1983 13.8999 10.6679 14.625 9 14.625C5.8934 14.625 3.375 12.1066 3.375 9C3.375 8.76139 3.38982 8.52651 3.41855 8.29617Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/RocketIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/RocketIcon.tsx
deleted file mode 100644
index 01710097..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/RocketIcon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const RocketIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M4.87626 10.1252H3.34633C2.77976 10.1252 2.41778 9.52109 2.68496 9.02148L4.07738 6.41779C4.33833 5.92983 4.84675 5.62517 5.40011 5.62517H8.40751M4.87626 10.1252L7.87626 13.1252M4.87626 10.1252L8.40751 5.62517M7.87626 13.1252V14.6551C7.87626 15.2217 8.48034 15.5836 8.97995 15.3165L11.5836 13.924C12.0716 13.6631 12.3763 13.1547 12.3763 12.6013V9.66486M7.87626 13.1252L12.3763 9.66486M12.3763 9.66486C14.5604 7.66276 15.8988 5.43328 16.0998 2.62499C16.1294 2.21183 15.7895 1.87198 15.3764 1.90172C12.5784 2.10308 10.4093 3.4414 8.40751 5.62517M3.37626 16.1252H1.875V14.6258C1.875 13.797 2.54717 13.1252 3.37594 13.1252C4.20437 13.1252 4.87626 13.7967 4.87626 14.6252C4.87626 15.4536 4.20469 16.1252 3.37626 16.1252Z"
-        stroke="currentColor"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/SearchIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/SearchIcon.tsx
deleted file mode 100644
index 45aca2b0..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/SearchIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const SearchIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M15.375 15.375L12.225 12.225M13.875 8.25C13.875 11.3566 11.3566 13.875 8.25 13.875C5.1434 13.875 2.625 11.3566 2.625 8.25C2.625 5.1434 5.1434 2.625 8.25 2.625C11.3566 2.625 13.875 5.1434 13.875 8.25Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/SettingsSlidersIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/SettingsSlidersIcon.tsx
deleted file mode 100644
index 6eae13b5..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/SettingsSlidersIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const SettingsSlidersIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        id="Icon"
-        d="M11.2498 5.83341H2.9165M11.2498 5.83341C11.2498 4.22196 12.555 2.91675 14.1665 2.91675C15.778 2.91675 17.0832 4.22196 17.0832 5.83341C17.0832 7.44487 15.778 8.75008 14.1665 8.75008C12.555 8.75008 11.2498 7.44487 11.2498 5.83341ZM17.0832 14.1667H10.4165M10.4165 14.1667C10.4165 15.7782 9.1113 17.0834 7.49984 17.0834C5.88838 17.0834 4.58317 15.7782 4.58317 14.1667M10.4165 14.1667C10.4165 12.5553 9.1113 11.2501 7.49984 11.2501C5.88838 11.2501 4.58317 12.5553 4.58317 14.1667M4.58317 14.1667H2.9165"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/ShowEyeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ShowEyeIcon.tsx
deleted file mode 100644
index 17aa1744..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/ShowEyeIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const ShowEyeIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M1.62774 7.42694L2.06646 7.66677L1.62774 7.42694ZM14.3721 7.42686L13.9333 7.66669V7.66669L14.3721 7.42686ZM1.62774 8.5731L2.06646 8.33327H2.06646L1.62774 8.5731ZM14.3721 8.57302L14.8108 8.81285L14.8108 8.81285L14.3721 8.57302ZM2.06646 7.66677C3.61474 4.83447 5.84609 3.50002 7.99991 3.5C10.1537 3.49998 12.3851 4.8344 13.9333 7.66669L14.8108 7.18703C13.1325 4.11679 10.6049 2.49998 7.9999 2.5C5.39486 2.50002 2.86735 4.11687 1.18901 7.18711L2.06646 7.66677ZM1.18901 8.81293C2.86735 11.8832 5.39486 13.5 7.99991 13.5C10.6049 13.4999 13.1325 11.8831 14.8108 8.81285L13.9333 8.33319C12.3851 11.1655 10.1537 12.4999 7.9999 12.5C5.84609 12.5 3.61473 11.1656 2.06646 8.33327L1.18901 8.81293ZM1.18901 7.18711C0.912257 7.69338 0.912257 8.30665 1.18901 8.81293L2.06646 8.33327C1.95311 8.1259 1.95311 7.87414 2.06646 7.66677L1.18901 7.18711ZM13.9333 7.66669C14.0467 7.87406 14.0467 8.12582 13.9333 8.33319L14.8108 8.81285C15.0875 8.30658 15.0875 7.69331 14.8108 7.18703L13.9333 7.66669ZM9.4999 8C9.4999 8.82843 8.82833 9.5 7.9999 9.5V10.5C9.38062 10.5 10.4999 9.38071 10.4999 8H9.4999ZM7.9999 9.5C7.17148 9.5 6.4999 8.82843 6.4999 8H5.4999C5.4999 9.38071 6.61919 10.5 7.9999 10.5V9.5ZM6.4999 8C6.4999 7.17157 7.17148 6.5 7.9999 6.5V5.5C6.61919 5.5 5.4999 6.61929 5.4999 8H6.4999ZM7.9999 6.5C8.82833 6.5 9.4999 7.17157 9.4999 8H10.4999C10.4999 6.61929 9.38062 5.5 7.9999 5.5V6.5Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/SnowballIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/SnowballIcon.tsx
deleted file mode 100644
index 27faa03a..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/SnowballIcon.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const SnowballIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="41"
-      height="28"
-      viewBox="0 0 41 28"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.2898 0.0141679C16.9879 0.197656 19.8512 2.8136 22.4926 5.37543C25.1675 7.96975 27.9859 10.7641 28.1852 14.4608C28.3924 18.3031 26.397 21.9641 23.5274 24.5678C20.7709 27.0689 17.0322 27.8722 13.2898 27.9763C9.40947 28.0842 5.13223 27.9321 2.45841 25.1539C-0.178535 22.414 0.162951 18.2384 0.282169 14.4608C0.396158 10.8489 0.681118 7.11475 3.11295 4.41388C5.67064 1.57324 9.44481 -0.176604 13.2898 0.0141679Z"
-        fill="#4BA4F7"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M17.4897 0.0139543C21.1879 0.197442 24.0511 2.81338 26.6926 5.37521C29.3675 7.96953 32.1858 10.7639 32.3852 14.4606C32.5923 18.3029 30.597 21.9638 27.7274 24.5676C24.9709 27.0687 21.2321 27.872 17.4897 27.9761C13.6094 28.084 9.33219 27.9319 6.65836 25.1537C4.02142 22.4138 4.3629 18.2382 4.48212 14.4606C4.59611 10.8487 4.88107 7.11454 7.3129 4.41367C9.87059 1.57303 13.6448 -0.176818 17.4897 0.0139543Z"
-        fill="#8AC4FA"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M21.6899 0.0139543C25.3881 0.197442 28.2513 2.81338 30.8928 5.37521C33.5677 7.96953 36.386 10.7639 36.5853 14.4606C36.7925 18.3029 34.7972 21.9638 31.9276 24.5676C29.1711 27.0687 25.4323 27.872 21.6899 27.9761C17.8096 28.084 13.5324 27.9319 10.8586 25.1537C8.22161 22.4138 8.5631 18.2382 8.68232 14.4606C8.7963 10.8487 9.08126 7.11454 11.5131 4.41367C14.0708 1.57303 17.845 -0.176818 21.6899 0.0139543Z"
-        fill="#CAE4FD"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M25.8899 0.0139543C29.588 0.197442 32.4513 2.81338 35.0927 5.37521C37.7676 7.96953 40.586 10.7639 40.7853 14.4606C40.9925 18.3029 38.9971 21.9638 36.1275 24.5676C33.371 27.0687 29.6323 27.872 25.8899 27.9761C22.0096 28.084 17.7323 27.9319 15.0585 25.1537C12.4216 22.4138 12.763 18.2382 12.8823 14.4606C12.9963 10.8487 13.2812 7.11454 15.7131 4.41367C18.2707 1.57303 22.0449 -0.176818 25.8899 0.0139543Z"
-        fill="white"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/StorageIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/StorageIcon.tsx
deleted file mode 100644
index 27218aef..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/StorageIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const StorageIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M13 3.42576C13 4.39738 10.7614 5.18502 8 5.18502C5.23858 5.18502 3 4.39738 3 3.42576M13 3.42576C13 2.45415 10.7614 1.6665 8 1.6665C5.23858 1.6665 3 2.45415 3 3.42576M13 3.42576V12.5739C13 13.5455 10.7614 14.3332 8 14.3332C5.23858 14.3332 3 13.5455 3 12.5739V3.42576M13 7.92562C13 8.89723 10.7614 9.68488 8 9.68488C5.23858 9.68488 3 8.89723 3 7.92562"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/SwitchIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/SwitchIcon.tsx
deleted file mode 100644
index 430b09fc..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/SwitchIcon.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const SwitchIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M1.25 9.99967C1.25 7.00813 3.67512 4.58301 6.66667 4.58301H13.3333C16.3249 4.58301 18.75 7.00813 18.75 9.99967C18.75 12.9912 16.3249 15.4163 13.3333 15.4163H6.66667C3.67512 15.4163 1.25 12.9912 1.25 9.99967Z"
-        stroke="currentColor"
-      />
-      <path
-        d="M10.4167 9.99967C10.4167 8.38884 11.7225 7.08301 13.3333 7.08301C14.9442 7.08301 16.25 8.38884 16.25 9.99967C16.25 11.6105 14.9442 12.9163 13.3333 12.9163C11.7225 12.9163 10.4167 11.6105 10.4167 9.99967Z"
-        stroke="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/TrashIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/TrashIcon.tsx
deleted file mode 100644
index 81da7fec..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/TrashIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const TrashIcon: React.FC<CustomIconProps> = (props) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M5.05612 3.33398C5.52062 2.16265 6.66341 1.33398 8.00079 1.33398C9.33816 1.33398 10.481 2.16265 10.9455 3.33398H14.1668C14.443 3.33398 14.6668 3.55784 14.6668 3.83398C14.6668 4.11013 14.443 4.33398 14.1668 4.33398H13.3023L12.7463 12.952C12.684 13.9167 11.8834 14.6673 10.9167 14.6673H5.08358C4.11688 14.6673 3.31629 13.9167 3.25405 12.952L2.69805 4.33398H1.8335C1.55735 4.33398 1.3335 4.11013 1.3335 3.83398C1.3335 3.55784 1.55735 3.33398 1.8335 3.33398H5.05612ZM6.17457 3.33398C6.55973 2.73248 7.23408 2.33398 8.00079 2.33398C8.76749 2.33398 9.44184 2.73248 9.827 3.33398H6.17457ZM7.00016 7.16732C7.00016 6.89118 6.77631 6.66732 6.50016 6.66732C6.22402 6.66732 6.00016 6.89118 6.00016 7.16732V10.834C6.00016 11.1101 6.22402 11.334 6.50016 11.334C6.77631 11.334 7.00016 11.1101 7.00016 10.834V7.16732ZM9.50016 6.66732C9.77631 6.66732 10.0002 6.89118 10.0002 7.16732V10.834C10.0002 11.1101 9.77631 11.334 9.50016 11.334C9.22402 11.334 9.00016 11.1101 9.00016 10.834V7.16732C9.00016 6.89118 9.22402 6.66732 9.50016 6.66732Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx
deleted file mode 100644
index ba851959..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const TrendingIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M1.875 9.79623L2.68636 7.88111C2.95597 7.24472 3.86788 7.28002 4.08767 7.93535L5.09939 10.9518C5.33069 11.6415 6.30748 11.6322 6.52567 10.9383L8.97436 3.15067C9.2032 2.42289 10.2437 2.46059 10.4194 3.20303L13.1643 14.7969C13.3368 15.5254 14.3502 15.5807 14.6007 14.8754L16.125 10.583"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/UndoIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/UndoIcon.tsx
deleted file mode 100644
index 0b260fc8..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/UndoIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const UndoIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M4.49989 3.75L2.03022 6.21967C1.73732 6.51256 1.73732 6.98744 2.03022 7.28033L4.49989 9.75M2.24989 6.75H13.1249C14.7817 6.75 16.1249 8.09315 16.1249 9.75V10.875C16.1249 12.5319 14.7817 13.875 13.1249 13.875H8.99989"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/WarningDiamondIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/WarningDiamondIcon.tsx
deleted file mode 100644
index 071ff81c..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/WarningDiamondIcon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const WarningDiamondIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M18.3851 9.11879L10.8812 1.6141C10.647 1.38129 10.3302 1.25061 9.99999 1.25061C9.66976 1.25061 9.35294 1.38129 9.11874 1.6141L1.61874 9.11879C1.38593 9.35299 1.25525 9.66981 1.25525 10C1.25525 10.3303 1.38593 10.6471 1.61874 10.8813L9.12265 18.386C9.35685 18.6188 9.67367 18.7495 10.0039 18.7495C10.3341 18.7495 10.6509 18.6188 10.8851 18.386L18.3891 10.8813C18.6219 10.6471 18.7525 10.3303 18.7525 10C18.7525 9.66981 18.6219 9.35299 18.3891 9.11879H18.3851ZM9.37499 6.25004C9.37499 6.08428 9.44084 5.92531 9.55805 5.8081C9.67526 5.69089 9.83423 5.62504 9.99999 5.62504C10.1658 5.62504 10.3247 5.69089 10.4419 5.8081C10.5591 5.92531 10.625 6.08428 10.625 6.25004V10.625C10.625 10.7908 10.5591 10.9498 10.4419 11.067C10.3247 11.1842 10.1658 11.25 9.99999 11.25C9.83423 11.25 9.67526 11.1842 9.55805 11.067C9.44084 10.9498 9.37499 10.7908 9.37499 10.625V6.25004ZM9.99999 14.375C9.81457 14.375 9.63332 14.3201 9.47914 14.217C9.32497 14.114 9.20481 13.9676 9.13385 13.7963C9.0629 13.625 9.04433 13.4365 9.0805 13.2546C9.11668 13.0728 9.20597 12.9057 9.33708 12.7746C9.46819 12.6435 9.63524 12.5542 9.81709 12.5181C9.99895 12.4819 10.1875 12.5004 10.3588 12.5714C10.5301 12.6424 10.6765 12.7625 10.7795 12.9167C10.8825 13.0709 10.9375 13.2521 10.9375 13.4375C10.9375 13.6862 10.8387 13.9246 10.6629 14.1005C10.4871 14.2763 10.2486 14.375 9.99999 14.375Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/WarningIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/WarningIcon.tsx
deleted file mode 100644
index 1175330b..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/WarningIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const WarningIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="16"
-      height="16"
-      viewBox="0 0 24 24"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10.4902 2.84406C11.1661 1.69 12.8343 1.69 13.5103 2.84406L22.0156 17.3654C22.699 18.5321 21.8576 19.9999 20.5056 19.9999H3.49483C2.14281 19.9999 1.30147 18.5321 1.98479 17.3654L10.4902 2.84406ZM12 9C12.4142 9 12.75 9.33579 12.75 9.75V13.25C12.75 13.6642 12.4142 14 12 14C11.5858 14 11.25 13.6642 11.25 13.25V9.75C11.25 9.33579 11.5858 9 12 9ZM13 15.75C13 16.3023 12.5523 16.75 12 16.75C11.4477 16.75 11 16.3023 11 15.75C11 15.1977 11.4477 14.75 12 14.75C12.5523 14.75 13 15.1977 13 15.75Z"
-        fill="currentColor"
-      />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx
deleted file mode 100644
index 54992d81..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
-
-export const WarningTriangleIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.00004 6.75007V10.1251M7.71074 2.91845L2.09776 12.3585C1.50324 13.3583 2.22379 14.6251 3.38706 14.6251H14.613C15.7763 14.6251 16.4968 13.3583 15.9023 12.3585L10.2893 2.91844C9.70792 1.9406 8.29216 1.9406 7.71074 2.91845Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-      />
-      <circle cx="9" cy="12" r="0.5625" fill="currentColor" />
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/index.ts b/packages/frontend/src/components/shared/CustomIcon/index.ts
deleted file mode 100644
index 2a7feddf..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/index.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-export * from './PlusIcon';
-export * from './CustomIcon';
-export * from './CheckIcon';
-export * from './ChevronGrabberHorizontal';
-export * from './ChevronLeft';
-export * from './ChevronRight';
-export * from './ChevronUpDown';
-export * from './InfoSquareIcon';
-export * from './WarningIcon';
-export * from './SearchIcon';
-export * from './CrossIcon';
-export * from './GlobeIcon';
-export * from './CalendarIcon';
-export * from './CheckRoundFilledIcon';
-export * from './InfoRoundFilledIcon';
-export * from './LoadingIcon';
-export * from './FolderIcon';
-export * from './SettingsSlidersIcon';
-export * from './LifeBuoyIcon';
-export * from './QuestionMarkRoundIcon';
-export * from './QuestionMarkRoundFilledIcon';
-export * from './GitIcon';
-export * from './EllipseIcon';
-export * from './EllipsesIcon';
-export * from './SnowballIcon';
-export * from './NotificationBellIcon';
-export * from './GithubIcon';
-export * from './GitTeaIcon';
-export * from './LockIcon';
-export * from './PencilIcon';
-export * from './BuildingIcon';
-export * from './CheckRadioIcon';
-export * from './ChevronDownIcon';
-export * from './BranchIcon';
-export * from './GitHubLogoIcon';
-export * from './ClockIcon';
-export * from './HorizontalDotIcon';
-export * from './WarningDiamondIcon';
-export * from './ArrowRightCircleIcon';
-export * from './ClockOutlineIcon';
-export * from './ArrowRightCircleFilledIcon';
-export * from './ArrowLeftCircleFilledIcon';
-export * from './GithubStrokeIcon';
-export * from './BranchStrokeIcon';
-export * from './StorageIcon';
-export * from './LinkIcon';
-export * from './LinkChainIcon';
-export * from './CursorBoxIcon';
-export * from './CrossCircleIcon';
-export * from './RefreshIcon';
-export * from './CommitIcon';
-export * from './RocketIcon';
-export * from './RefreshIcon';
-export * from './UndoIcon';
-export * from './LoaderIcon';
-export * from './MinusCircleIcon';
-export * from './CopyIcon';
-export * from './MenuIcon';
-export * from './LogoutIcon';
-export * from './CirclePlaceholderOnIcon';
-export * from './WarningTriangleIcon';
-export * from './CheckRadioOutlineIcon';
-export * from './TrendingIcon';
-export * from './ChevronDoubleDownIcon';
-export * from './GearIcon';
-export * from './AppleIcon';
-export * from './CalendarDaysIcon';
-export * from './GoogleIcon';
-export * from './KeyIcon';
-export * from './TrashIcon';
-export * from './CopyUnfilledIcon';
-export * from './SwitchIcon';
-export * from './CollaboratorsIcon';
-export * from './ChevronUpSmallIcon';
-export * from './ChevronDownSmallIcon';
-export * from './EditBigIcon';
-export * from './ShowEyeIcon';
-export * from './HideEyeOffIcon';
-
-// Templates
-export * from './templates';
diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/KotlinIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/KotlinIcon.tsx
deleted file mode 100644
index bcdd4612..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/templates/KotlinIcon.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import { CustomIcon, CustomIconProps } from '../CustomIcon';
-
-export const KotlinIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="41"
-      height="40"
-      viewBox="0 0 41 40"
-      fill="none"
-      {...props}
-    >
-      <g filter="url(#filter0_ii_417_1111)">
-        <rect
-          x="0.333496"
-          width="40"
-          height="40"
-          rx="8"
-          fill="url(#paint0_linear_417_1111)"
-        />
-        <rect
-          x="0.74421"
-          y="0.410714"
-          width="39.1786"
-          height="39.1786"
-          rx="7.58929"
-          stroke="#082F56"
-          strokeOpacity="0.1"
-          strokeWidth="0.821429"
-        />
-        <g clipPath="url(#clip0_417_1111)">
-          <path
-            d="M30.1908 29.8591H10.4766V10.1448H30.1908L20.3337 20.0019L30.1908 29.8591Z"
-            fill="url(#paint1_linear_417_1111)"
-          />
-          <path
-            d="M30.1908 29.8591H10.4766V10.1448H30.1908L20.3337 20.0019L30.1908 29.8591Z"
-            fill="white"
-          />
-        </g>
-      </g>
-      <defs>
-        <filter
-          id="filter0_ii_417_1111"
-          x="0.333496"
-          y="0"
-          width="40"
-          height="40"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="BackgroundImageFix"
-            result="shape"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dy="-2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="shape"
-            result="effect1_innerShadow_417_1111"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset />
-          <feGaussianBlur stdDeviation="2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="effect1_innerShadow_417_1111"
-            result="effect2_innerShadow_417_1111"
-          />
-        </filter>
-        <linearGradient
-          id="paint0_linear_417_1111"
-          x1="40.3335"
-          y1="-1.19209e-06"
-          x2="0.333497"
-          y2="40"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.00343514" stopColor="#E44857" />
-          <stop offset="0.4689" stopColor="#C711E1" />
-          <stop offset="1" stopColor="#7F52FF" />
-        </linearGradient>
-        <linearGradient
-          id="paint1_linear_417_1111"
-          x1="30.1908"
-          y1="10.1448"
-          x2="10.4766"
-          y2="29.8591"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.00343514" stopColor="#E44857" />
-          <stop offset="0.4689" stopColor="#C711E1" />
-          <stop offset="1" stopColor="#7F52FF" />
-        </linearGradient>
-        <clipPath id="clip0_417_1111">
-          <rect
-            width="19.7143"
-            height="19.7143"
-            fill="white"
-            transform="translate(10.4766 10.1429)"
-          />
-        </clipPath>
-      </defs>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/PWAIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/PWAIcon.tsx
deleted file mode 100644
index 9bd6e090..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/templates/PWAIcon.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { CustomIcon, CustomIconProps } from '../CustomIcon';
-
-export const PWAIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="40"
-      height="40"
-      viewBox="0 0 40 40"
-      fill="none"
-      {...props}
-    >
-      <g filter="url(#filter0_ii_417_1121)">
-        <rect width="40" height="40" rx="8" fill="#12B785" />
-        <rect
-          x="0.410714"
-          y="0.410714"
-          width="39.1786"
-          height="39.1786"
-          rx="7.58929"
-          stroke="#082F56"
-          strokeOpacity="0.1"
-          strokeWidth="0.821429"
-        />
-        <path
-          d="M24.5832 26.25H26.2498M12.9165 24.5833V14.5833C12.9165 13.6628 13.6627 12.9167 14.5832 12.9167H25.4165C26.337 12.9167 27.0832 13.6628 27.0832 14.5833V17.0833M12.9165 24.5833H11.6665V25.4167C11.6665 26.3371 12.4127 27.0833 13.3332 27.0833H22.0832M12.9165 24.5833H22.0832M27.0832 17.0833H23.7498C22.8294 17.0833 22.0832 17.8295 22.0832 18.75V26.25C22.0832 27.1705 22.8294 27.9167 23.7498 27.9167H27.0832C28.0036 27.9167 28.7498 27.1705 28.7498 26.25V18.75C28.7498 17.8295 28.0036 17.0833 27.0832 17.0833Z"
-          stroke="white"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <defs>
-        <filter
-          id="filter0_ii_417_1121"
-          x="0"
-          y="0"
-          width="40"
-          height="40"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="BackgroundImageFix"
-            result="shape"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dy="-2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="shape"
-            result="effect1_innerShadow_417_1121"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset />
-          <feGaussianBlur stdDeviation="2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="effect1_innerShadow_417_1121"
-            result="effect2_innerShadow_417_1121"
-          />
-        </filter>
-      </defs>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/ReactNativeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/ReactNativeIcon.tsx
deleted file mode 100644
index 6e457048..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/templates/ReactNativeIcon.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { CustomIcon, CustomIconProps } from '../CustomIcon';
-
-export const ReactNativeIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="40"
-      height="40"
-      viewBox="0 0 40 40"
-      fill="none"
-      {...props}
-    >
-      <g filter="url(#filter0_ii_417_1095)">
-        <rect width="40" height="40" rx="8" fill="#00C0F5" />
-        <rect
-          x="0.410714"
-          y="0.410714"
-          width="39.1786"
-          height="39.1786"
-          rx="7.58929"
-          stroke="#082F56"
-          strokeOpacity="0.1"
-          strokeWidth="0.821429"
-        />
-        <path
-          d="M20.0004 21.7819C20.9849 21.7819 21.783 20.9838 21.783 19.9993C21.783 19.0148 20.9849 18.2167 20.0004 18.2167C19.0159 18.2167 18.2178 19.0148 18.2178 19.9993C18.2178 20.9838 19.0159 21.7819 20.0004 21.7819Z"
-          fill="white"
-        />
-        <path
-          d="M19.9998 23.6515C25.2825 23.6515 29.565 22.0164 29.565 19.9993C29.565 17.9823 25.2825 16.3472 19.9998 16.3472C14.7171 16.3472 10.4346 17.9823 10.4346 19.9993C10.4346 22.0164 14.7171 23.6515 19.9998 23.6515Z"
-          stroke="white"
-        />
-        <path
-          d="M16.8372 21.8246C19.4786 26.3996 23.0359 29.2908 24.7827 28.2822C26.5295 27.2737 25.8043 22.7474 23.163 18.1724C20.5216 13.5975 16.9643 10.7063 15.2175 11.7148C13.4707 12.7233 14.1959 17.2496 16.8372 21.8246Z"
-          stroke="white"
-        />
-        <path
-          d="M16.837 18.173C14.1956 22.7479 13.4704 27.2742 15.2172 28.2828C16.964 29.2913 20.5213 26.4001 23.1627 21.8251C25.8041 17.2502 26.5292 12.7238 24.7824 11.7153C23.0356 10.7068 19.4783 13.598 16.837 18.173Z"
-          stroke="white"
-        />
-      </g>
-      <defs>
-        <filter
-          id="filter0_ii_417_1095"
-          x="0"
-          y="0"
-          width="40"
-          height="40"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="BackgroundImageFix"
-            result="shape"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dy="-2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="shape"
-            result="effect1_innerShadow_417_1095"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset />
-          <feGaussianBlur stdDeviation="2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="effect1_innerShadow_417_1095"
-            result="effect2_innerShadow_417_1095"
-          />
-        </filter>
-      </defs>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/SwiftIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/SwiftIcon.tsx
deleted file mode 100644
index 50590bd2..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/templates/SwiftIcon.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import { CustomIcon, CustomIconProps } from '../CustomIcon';
-
-export const SwitfIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="41"
-      height="40"
-      viewBox="0 0 41 40"
-      fill="none"
-      {...props}
-    >
-      <g filter="url(#filter0_ii_417_1107)">
-        <rect
-          x="0.666504"
-          width="40"
-          height="40"
-          rx="8"
-          fill="url(#pattern0)"
-        />
-        <rect
-          x="1.07722"
-          y="0.410714"
-          width="39.1786"
-          height="39.1786"
-          rx="7.58929"
-          stroke="#082F56"
-          strokeOpacity="0.1"
-          strokeWidth="0.821429"
-        />
-      </g>
-      <defs>
-        <filter
-          id="filter0_ii_417_1107"
-          x="0.666504"
-          y="0"
-          width="40"
-          height="40"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="BackgroundImageFix"
-            result="shape"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dy="-2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="shape"
-            result="effect1_innerShadow_417_1107"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset />
-          <feGaussianBlur stdDeviation="2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="effect1_innerShadow_417_1107"
-            result="effect2_innerShadow_417_1107"
-          />
-        </filter>
-        <pattern
-          id="pattern0"
-          patternContentUnits="objectBoundingBox"
-          width="1"
-          height="1"
-        >
-          <use xlinkHref="#image0_417_1107" transform="scale(0.00462963)" />
-        </pattern>
-        <image
-          id="image0_417_1107"
-          width="216"
-          height="216"
-          xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAADYCAYAAACJIC3tAAAMPmlDQ1BJQ0MgUHJvZmlsZQAASImVVwdYU8kWnluSkEBooUsJvQnSCSAlhBZ6bzZCEiCUGANBxV4WFVy7qIANXRVRsAJiQRE7i2LviwUVZV0s2JU3KaDrvvK9+b65899/zvznzLkz994BQO04RyTKR9UBKBAWieNDA+mpael00lNAASjQBM6AxuEWipixsZEAlqH27+XddYBI2ysOUq1/9v/XosHjF3IBQGIhzuQVcgsgPgAAXs0ViYsAIEp588lFIimGFWiJYYAQL5TibDmuluJMOd4js0mMZ0HcDoCSCocjzgZA9RLk6cXcbKih2g+xk5AnEAKgRofYr6BgIg/iDIhtoI0IYqk+I/MHney/aWYOa3I42cNYPhdZUQoSFIryOVP/z3T871KQLxnyYQWrSo44LF46Z5i3m3kTI6RYBeI+YWZ0DMSaEH8Q8GT2EKOUHElYktweNeQWsmDOgA7ETjxOUATEhhCHCPOjIxV8ZpYghA0xXCHoFEEROxFiPYgX8guDExQ2m8QT4xW+0MYsMYup4M9yxDK/Ul/3JXlJTIX+6xw+W6GPqZbkJKZATIHYoliQHA2xKsSOhXkJEQqb0SU5rOghG7EkXhq/BcTxfGFooFwfK84Sh8Qr7MsKCofmi23KEbCjFXhfUU5imDw/WDuXI4sfzgW7xBcyk4Z0+IWpkUNz4fGDguVzx57xhUkJCp0PoqLAePlYnCLKj1XY42b8/FApbwaxW2FxgmIsnlwEF6RcH88SFcUmyuPES3I54bHyePBlIBKwQBCgAwmsmWAiyAWCzr6mPngn7wkBHCAG2YAPHBTM0IgUWY8QXhNACfgTIj4oHB4XKOvlg2LIfx1m5VcHkCXrLZaNyANPIC4AESAf3ktko4TD3pLBY8gI/uGdAysXxpsPq7T/3/ND7HeGCZlIBSMZ8khXG7IkBhODiGHEEKItboD74T54JLwGwOqCM3CvoXl8tyc8IXQRHhKuEboJtyYI5op/ijIKdEP9EEUuMn/MBW4FNd3xQNwXqkNlXAc3AA64G/TDxP2hZ3fIshRxS7NC/0n7bzP44Wko7MhOZJSsSw4g2/w8UtVO1X1YRZrrH/MjjzVzON+s4Z6f/bN+yD4PthE/W2ILsf3YGewEdg47gjUBOtaKNWMd2FEpHl5dj2Wra8hbvCyePKgj+Ie/oScrzWShU51Tr9MXeV8Rf4r0HQ1YE0VTxYLsnCI6E34R+HS2kOs4ku7i5OIKgPT7In99vYmTfTcQnY7v3Lw/APBtHRwcPPydC28FYK8n3P6HvnM2DPjpUAbg7CGuRFws53DphQDfEmpwp+kDY2AObOB8XIAH8AEBIBiEgxiQCNLAeBh9DlznYjAZTAdzQCkoB8vAalAJNoItYAfYDfaBJnAEnACnwQVwCVwDd+Dq6QEvQD94Bz4jCEJCqAgN0UdMEEvEHnFBGIgfEoxEIvFIGpKBZCNCRIJMR+Yh5cgKpBLZjNQie5FDyAnkHNKF3EIeIL3Ia+QTiqEqqBZqhFqho1AGykQj0ER0HJqNTkJL0PnoEnQtWoPuQhvRE+gF9Brajb5ABzCAKWM6mCnmgDEwFhaDpWNZmBibiZVhFVgNVo+1wOd8BevG+rCPOBGn4XTcAa7gMDwJ5+KT8Jn4YrwS34E34u34FfwB3o9/I1AJhgR7gjeBTUglZBMmE0oJFYRthIOEU3Av9RDeEYlEHaI10RPuxTRiLnEacTFxPbGBeJzYRXxEHCCRSPoke5IvKYbEIRWRSknrSLtIraTLpB7SByVlJRMlF6UQpXQlodJcpQqlnUrHlC4rPVX6TFYnW5K9yTFkHnkqeSl5K7mFfJHcQ/5M0aBYU3wpiZRcyhzKWko95RTlLuWNsrKymbKXcpyyQHm28lrlPcpnlR8of1TRVLFTYamMVZGoLFHZrnJc5ZbKGyqVakUNoKZTi6hLqLXUk9T71A+qNFVHVbYqT3WWapVqo+pl1ZdqZDVLNabaeLUStQq1/WoX1frUyepW6ix1jvpM9Sr1Q+o31Ac0aBrOGjEaBRqLNXZqnNN4pknStNIM1uRpztfconlS8xENo5nTWDQubR5tK+0UrUeLqGWtxdbK1SrX2q3VqdWvrantpp2sPUW7SvuodrcOpmOlw9bJ11mqs0/nus4nXSNdpi5fd5Fuve5l3fd6I/QC9Ph6ZXoNetf0PunT9YP18/SX6zfp3zPADewM4gwmG2wwOGXQN0JrhM8I7oiyEftG3DZEDe0M4w2nGW4x7DAcMDI2CjUSGa0zOmnUZ6xjHGCca7zK+JhxrwnNxM9EYLLKpNXkOV2bzqTn09fS2+n9poamYaYS082mnaafzazNkszmmjWY3TOnmDPMs8xXmbeZ91uYWERZTLeos7htSbZkWOZYrrE8Y/neytoqxWqBVZPVM2s9a7Z1iXWd9V0bqo2/zSSbGpurtkRbhm2e7XrbS3aonbtdjl2V3UV71N7DXmC/3r5rJGGk10jhyJqRNxxUHJgOxQ51Dg8cdRwjHec6Njm+HGUxKn3U8lFnRn1zcnfKd9rqdMdZ0zncea5zi/NrFzsXrkuVy1VXqmuI6yzXZtdXbvZufLcNbjfdae5R7gvc29y/enh6iD3qPXo9LTwzPKs9bzC0GLGMxYyzXgSvQK9ZXke8Pnp7eBd57/P+y8fBJ89np8+z0daj+aO3jn7ka+bL8d3s2+1H98vw2+TX7W/qz/Gv8X8YYB7AC9gW8JRpy8xl7mK+DHQKFAceDHzP8mbNYB0PwoJCg8qCOoM1g5OCK4Pvh5iFZIfUhfSHuodOCz0eRgiLCFsedoNtxOaya9n94Z7hM8LbI1QiEiIqIx5G2kWKI1ui0KjwqJVRd6Mto4XRTTEghh2zMuZerHXspNjDccS42LiquCfxzvHT488k0BImJOxMeJcYmLg08U6STZIkqS1ZLXlscm3y+5SglBUp3amjUmekXkgzSBOkNaeT0pPTt6UPjAkes3pMz1j3saVjr4+zHjdl3LnxBuPzxx+doDaBM2F/BiEjJWNnxhdODKeGM5DJzqzO7OeyuGu4L3gBvFW8Xr4vfwX/aZZv1oqsZ9m+2Suze3P8cypy+gQsQaXgVW5Y7sbc93kxedvzBvNT8hsKlAoyCg4JNYV5wvaJxhOnTOwS2YtKRd2TvCetntQvjhBvK0QKxxU2F2nBH/kOiY3kF8mDYr/iquIPk5Mn75+iMUU4pWOq3dRFU5+WhJT8Ng2fxp3WNt10+pzpD2YwZ2yeiczMnNk2y3zW/Fk9s0Nn75hDmZM35/e5TnNXzH07L2Vey3yj+bPnP/ol9Je6UtVScemNBT4LNi7EFwoWdi5yXbRu0bcyXtn5cqfyivIvi7mLz//q/OvaXweXZC3pXOqxdMMy4jLhsuvL/ZfvWKGxomTFo5VRKxtX0VeVrXq7esLqcxVuFRvXUNZI1nSvjVzbvM5i3bJ1XypzKq9VBVY1VBtWL6p+v563/vKGgA31G402lm/8tEmw6ebm0M2NNVY1FVuIW4q3PNmavPXMb4zfarcZbCvf9nW7cHv3jvgd7bWetbU7DXcurUPrJHW9u8buurQ7aHdzvUP95gadhvI9YI9kz/O9GXuv74vY17afsb/+gOWB6oO0g2WNSOPUxv6mnKbu5rTmrkPhh9pafFoOHnY8vP2I6ZGqo9pHlx6jHJt/bLC1pHXguOh434nsE4/aJrTdOZl68mp7XHvnqYhTZ0+HnD55hnmm9azv2SPnvM8dOs8433TB40Jjh3vHwd/dfz/Y6dHZeNHzYvMlr0stXaO7jl32v3ziStCV01fZVy9ci77WdT3p+s0bY2903+TdfHYr/9ar28W3P9+ZfZdwt+ye+r2K+4b3a/6w/aOh26P76IOgBx0PEx7eecR99OJx4eMvPfOfUJ9UPDV5WvvM5dmR3pDeS8/HPO95IXrxua/0T40/q1/avDzwV8BfHf2p/T2vxK8GXy9+o/9m+1u3t20DsQP33xW8+/y+7IP+hx0fGR/PfEr59PTz5C+kL2u/2n5t+Rbx7e5gweCgiCPmyH4FMFjRrCwAXm8HgJoGAA2ezyhj5Oc/WUHkZ1YZAv8Jy8+IsuIBQD38f4/rg383NwDYsxUev6C+2lgAYqkAJHoB1NV1uA6d1WTnSmkhwnPApuivmQWZ4N8U+Znzh7h/boFU1Q383P4LboZ8apQCv14AAAA4ZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAKgAgAEAAAAAQAAANigAwAEAAAAAQAAANgAAAAAzyIRUAAAQABJREFUeAHsfQegHUd57r/n3KKrZhVbtmW59yL3BjIgF2xM7yHk0RNI8lJ4ITwIECCEQCC8l7yEkIQSQmJCMAQChBII7gaMccG99yrbclG97ez7vr/Mzp57Jd0r3SbpzL1nZ+ZvM/PP/+/Mzs7uFrIdhLKUQr69Yu6Gsrmga6ixe6Msd2uVxe6FIC5kYVHIAmnJXMRzWqXMLsqyT6SYXYr0SSm9aGI3JHSBpguwJvIglQZwAJVIWACvBcYgIF5Di8ccSKSBSqVzHCqagic1cnijB5WYi9JYoMpM1DtBomhBpyX+2PIhqG2QMfTTj3gj9LvO4mI9YOugorWInwLsqbIon2hI49FWUa4aHpZHZvX2rZa+DeuL0y8aAn5GB7eUmVPH8osrZw3Mk/3QEcdKozwO8XJUcil+i6HwBcjPTbUFQANjtiTyTEY6YiVsowED2cinZG20SYZiQakAxibMIhzNywzo8jRSAicGoIRpNXvhZPPo4wTgpxXQXOcwJg2U66G0p0G6Gv3xaFEUN7daxdVSlFd3NwbvLF52+ZoxiZkiohnRvf1fX3lYUZTPL8vibAwth0Nxe6P9PckAw0YjDuVsIq/gHMc0WxowxDyVRuOTI2V0SpoOzqyOZHI2OXKxbiqfMRLB6nDiGnCybjpZXifiO2FbNEBtP1CUcgec7UKczH7Qff3pVxUf/vC0zhXCxralYVvF23/+mUc0msOvAfPp0MypiDmVQwjrtFyAanGgQFoLOWs7joQOK1FgNFxBbbTsKQ2aCMqM35CQ5x4S9IQjbdkKqGKqrBI0exsYyTARchEqsnOYWA0Ucg366CIo/Bvdr7zosokVPjZpmfWMjWFbqMrzj+wZ7trtNTC4X4UVnglZs3K7sykYoAS2G15OmKdZIc9rlOOYzuUgP6aRK5OZKuNyNUqOpwJJbSFlK2KjD4IqLocxXZyFkWy+TxcrVCc1ORq4DH3/jW7p+ufilT9+YnKKGCl1ShysPH/l3MFm+XoM37+FKhxbc4ioU1gi49wpiHd7VdI8neESOBKMcznIB8jcbKTcYK3Kcw5HaLQp56K4JMBk05k15HACkFcQr8nCyfK6GlfnOAkagN7vwyLYZ7uKxpeKV130wCQUURM5qQ5WXriya/CJ1hsLKd4FizoilRwGFqXT2mrWyXyiHpnOjZGy2vIZp/KqKBy0OHh5rSgvJ2iUlwQqUzkcFISAQYbWjyCly6oYZCTwtMZOR2EK5sF/6mS7ZAsfJOqEydFA1aWrUMBfdRVdn53MEa0qboKbM/jvp6/AstnHYETPTaLd4DwysGZwYJwZoSJzwjxNpOcTOBKMcznIB4gpJdODlqDIlK0lIMTzGqlXZoITLciyNHm2OHJl9dckp4t9hfSEk3nVOtHkawA9egeWnd7b9eoL/30ySqPFTGgov7lywdBw+ce42/H7EFxdYLgR5raYrJ3AzHa1QjVCr2LAPI5sOIJTJcdgPgajZPaJyag1y0OCM+FqQdLADgtPMqAK0GQtj0zkI7ai6o5ImOO56MJ0c1bDnKxdF87fiSZVA98cKst39b32krsnspQJdbCB859zctFo/BOc6/BaJcOQcqDCcGDcblBOr+TteMclkpRw4Vl+s84FujS1TDxMtDmXCgFsS86l8ngYWQ9Cgr29vepcztLCNVkXnKx3QXVeclQnmhoNrMJtond2vfrir0xUcRPmYANffd7voXIfhwHNHlG5zO4Up0YYlghIlqylQ1DgPY7sCNqEMIO2xo0yLYwig15jHtqcSwvInIv1cZ7EQhiCluI4g/gRsORcOULhFUOkuLrY1edOxuoEIuftpCdVA9hw8unmk+v+oHjHVdxtsk3BLWrrZXAhY/jx8h9gRG8d1RhoSLl4zWSQLJkIA5YbmMMClWhDdkKYQVvD2pwrZIyQS4SrAkkbVZBXumCKgrw9Dia05lwB9zJGOBfx+HnNVKiyOFzlId2F1cXehV2K7xymRQOXdEnxK8VrL3pkW0p3q9o6EeU3zlw8NDj4JVjii0YYPEWqIWWykyU5TPObSLuBKtbpcvJaeTkeaWtUZsLEB80ocr0GVlTyCCd0vsQfxCEvRwRtzhqwjC+fFiZ0ShhhiY2ROl2kk+V1DjmdeCo0cFOraL2m97WX3rS1hbHrtiqUX1mxdKhofgPMp4SN1QTBYGo2o5kMkiWVb3N54GroPOPpAHEFncEiHAPBZLQ2gxm1HZNvaTZjcESwJXQIryGAJauJzBI53AhGpSEZylMcdjJ3c7q4ENdkHScLjU51/KA0itd0v/bin25NwWFy4+Itzz9jr6HWEJc1J865wtraDclssapf0BHi6QCN6lxBEy0N4ohdTjXeeQUUj3S7c4W8mhd59RKunq/qCYJN0Wg9rBZKgrOB1oQj2eyGzOqMZK7UaYkexea6l/S87uIrx1t6mN2Y+cp/XbnrUNH6LhhODmOpMVc2ZGCzlorEDSwBIs/YbTvHBVphtYxRxagzqnO5oMQWiYgDH0KiAvlQB9oaueYdUkNAmOJCqMeMEtwSiS0ljDaNXKiHtccdjquLGMn6FnWmi5lWpzr5EB6bgZNdevV4CuaTSWMO3EsI5/pnGMxI56KxmP2YPM8n80x5Ly7yEefO5TBGKUQm6IFQv0B+i84VPBEnoZRBIAMqwHQ4l6aRNaQdiY5G5gimFefEgavBjSBQuVjlRXmGqzsX6fjw2uC6lmx4Ao8/jSqgJq2TmRwNLG2UxdfK81YuG4/4cTnY8NCiv0cHn6udzI5u+6mt1mDI1PJtPDgzK541bqMbKQs0pPfAZ6vIU3Mud4qQNaqMrBx1Ls1nzqV5HPivaSvH8gaPOkQ5o9FGXSnCHHekPOVHO+haRufOhYLzstlWc7JhWf945mRt9VMhHRgVOik/9MkBQ43hr5TfOWHkrahkFPXEmB1s4CvP+z08r/WWMJwkho1RI3GI562FgKV8O97zMXKFUnJZJAk4YwbE6lxI4hlZDWaMRCAbMGKyvKaV2g7qXEqbOZeiTA5ZUyCIjzsT2P7L60scZTJmpHnLaNrAhnc6dS6QFLzmcnrjMGJrm0qTAr01uH4YIxluzwRRxCG7E0+yBorTBtfM/YexFkLz3mIYOO95J+GByEvQqbNGEKODa32smQySJZW3PU9gwBBHMpVDAH9e0zBUNUb6BgkD6Mwe1YUlIMHIaN6di8OD5o0oxFE0QxrpWAcjUXgSYznDEZ/EjS4vZCTnqhgCpRKTc7Gx9m9wOCdXF2fv2m16sWKiFp14CjSARY939PzaxZ/dUlE0mc2G8gsr5g33Nq9GZx80gjDrdMVpR2e9nSUrfJuUoEEcyUTRBtAsDlFpy2dESKZcSkBallbnYgG81qIF07k0b0SjOpdROF2VqdHWygCNIxWc4aIu6lwg48ilAfQjyDLmKIsg9TckurG6SCejhMCbsM5xCjSwZni4deKsN1122+bK2uIUcai7+RF0Xt252Mv4MdLg+QRJ+Xa85xnlNEgzm0KOc6AaEOA6cpFeaXhA0LTL8LQhHOcZNWHFu3MRrnkeXKam7FAtgBDpP6KQHs2gTVSFZF75GDMQFX9KrK4BWZVzKbg6GA/zZEfsgxkSeFvMumFZ99ig1YWiOmEqNTCv2Wz8Y/kPJ2AasemAdd9Nh4HzVpwqrfL3a0ZCcnS097kxp4wnUt5lt+ddhmNHGmsbvWZxCBuyfEWUjL0Cheisro7UEYMXQAyQqMYNXBuvZuPAmIUjTmWRPQLhTDtdckwFBlHwwpmUjtdcfKcV+Ux4Ijeg05lc8ngVVCBJmB9Yi0UPXB/O2Q0jGQCj1k85OodJ0MCKwb45b4fcv92UbPbRqKH863N7hxasvRAW8CwliN5Fz2r/Z3mF1PIukrCwZYJyGk/XDGIUesW7cZHf8g5gRfBz+2QJmq+VoyCnx84IJdCIwpBVmRSCNIPmETuuZrEkCzqnVTrCmfeg4xEBOZBy4QgEwbUMiUxJr1AdAefgKCTYWaaO3JQRZTDhleGiT8+cpjlZBXbKTjTJGljd1dVzRPH6Hz86WjmbnCIOLlzzevSmORc5aQTo1OjgyCehjk95JtRwMkhOg3TNWEeh19VCFEi7Y4i8ZlyW1mcz5ZhJgyOci9KY9oak1UEV2l5GELFw/HvWSSudBFxpcMjbmeRmzkV60mpdSOC1zPhIEmWqc1mW0EoPSgQAmtO/dljWPmrTxbisVOLOYbI1sGh4aOD9myokbLeG58LGUFfjKgAPDkTNuKJjFemZGgyI9jxpg3QzOBVJUqdhBTWZeCwReEUmIucGiVMBAKRmeIh0hjdCp4/CGAPhcp0kmIC0oHUIsUrklIkhim5zLpQW77VK00mKBJ+7mqdRhRDJqjOteSW05gSeIIyQvRjJ5i7pSXW3mnaOk6yBwZY0j+9940U3tJcz6jXYYLP4VXRsci7r1IzVO9V7O0UZxUhY4gEV0zRehoBH7KAwLKVJdG1EIYdxoCLOC1HL9AJzfEp7KZHPnKsm1x1OqYM26qZlZPVwkVox0Oq0EDTG5oLaZASWRERpjZlGohq9KyaFRTmQzZGLI1lZDsg8OFnnmiyUM+lxd1OG+QT/b7SXpH2YA3nt1Zq/9ip045HR0Qlf9S1A7PmEqRKbgCk4cCw10hG7hNy2FZTwbn6RZxy1z2CWzJBq+CB0moRHwkFWsmYcGORBwNjrHGTGBBk5wOk9AgnqjAydK0YqG7kArIhUSGRNnhdHIOvCWAmMKpKWI64Njqlm79ymOhmwnTA1GuhvNlrHFG+4/Na8uBEj2PD8da9GZ6pz5YSarnrUUCmfUW4ORpwbajKwjF7RWd7KbAMwq4Qe52hNB5J4T2egMMZUvhYStJ4hPX8MwQujVVDAiQpvUEKjrdBjdC5IDTERh4ooNo1cHNLtv4qVwErUIw9g1pFszZDKnd8ZyailqQi9Q63Gr6GgD+aFjVzkKMs3qiVFZ5KaHccLcA2OSPkKXNHUYWRXGRGTtyYTWeTT1qdEp5zMGXvwKcSBJHFZNsbRPAkDUOdWkQXWtzspysCB9AIsUkMPuaSgqMgzJqhdSNAY1tqD8oOuNnK5DAoOuRqDt+ZcUaZWoKpDxc5C9d8PrJhWAC9KKmTjM0Py9CP95qSJ0PGdaMI1gHPgW8rzTpmfC66NYOXnnnv4cKv1vOgj7ayUARvTYQmUEriI22AJTMfILaedDoQJTabEyOI8k8HInjuzkYAg1rkVAImMGZHe5QQqlZHkVsZO8hQoNjKeaL/2IUFOQ0fnDg39kIjivC45YfBobJn8msmrGyV79b2OoayM1witsSyf/9y72I/7ZM80GjJ/T3wzY+OTfO4lyewkJlwDy4YHul4BqV8KybURbKgYfh06tpedk36kTHnruCqf4+ppNRDyxUiXZLTRAa/2Mgo+zv6bK8/KYb3MuNQSI82iVC7xngZspLzMuZS+okntcLjmKYOBmZCb8HAu3AbQuqNtNnI5LXWR6Cwdbcx1MGqZAKayXU7whkzqOmAshnA67YbV62T9nJOleSQ+BTC4AR8NGkj1SLxer06+6qOt0oUIHSyFmoPhUzBnJYz2EHJ5HOlElOEDBppkCKRXy8noCHM5pKMBRD41SEFBlOGR1BAoxloYhTAAoKNYyhmeYANZIjIa6/m+Dg9RQRd5j1WUNzK1FUBKspELjPrv9SJRJiuS4QyqAgKDLAgMBLjXkQU7TnmZj6AjpglQkjggxqv0ZO0vL5CBvV8szbP/QmTeUgxt+MpPXvmQ04m3UQPFc8rPnbJ7CEkv4MO9r0PxnaWPANGlnZjZrBJvqjO0I0Nc1meEj5BRp1PnAkhFZ3Iyc0oGlTidzqrTVshozkX5wZwSDoAQBYWYwCOOpFKOyBtWj06ozoUGh+Hj0R5vvzMnOitbSwYsORcSScU1WlB6Pirltc4qmZVL8UpvTMqLuWK5ca0M3n+D9J31h9I8+AV87kXksVsww8B74opkBla5znFbNNCHTzre8JFv3/9LCkkjWGu4eAE6xqaHxLB/dCqCBBcH2kPgM7h2JuH8qeUgpgyGEIGYdHG9kVbJHJ+MJ3iCL8tbOUSwEAakadBJBkGEJZAlHG8sbriERV2ZJk+NLssrngT6bwdNcyLoRs58cnQnRJR4mPS66cIgcay605Cuos3qSLiiUkLpyBzyKhlGk/LgK3r6pP++6+SZb/8Zvvu5UBrPfb80zkR6zhJsaFznFdAiOodt1UAhK0NE5WAi52jnEuOdnPV0BSPOrwFUiNO2O8poNGo4oFd7TmV4eYzc8LT8UcpQfhaqluMOpTyeDlSsFiotDu2ygM+NL8crPPhQx3qeAP23g6Z9Wqj1IJitcwFRbsYTbUzOBdJUF9BV8rM6Ek6Ul0EamwpnzqUESsRUJVMzli9658ran50vG2+9XGmKA86U5su/KMWB52BEw1dch/1paa+HlUNhnd94dIBr8BPK81+j0wK1Bt5cHu5dczP0uL8KUvVTqwgeWWaUPEFboglRiHXkorCcB2mYE6EWsmSAiFawFpYZsZ7+czZjTnUaIcsNNwRn+MTjOCuvTpjT0OB15PK610Yusrns4GEb6VgZyttkMGYMnWkj0SckiO2EElQhX7lzssQLjBOVg/3StWR/2f1/fV2K7ur52fKGr0rrik+boxHuvF6zTjQ+DQw1W8PLi3f89BYdwQZ6n9of+lxWKdV7qV3J7XkUWnWu16CdxvOkG+FcxOEXhqISnN6lWaQ0pCVyM84VRhQyIk7CUFIOy9I1OIsiT+Db5RIF2PbmXGxS0d0rgw/dJk//4G+YTaE46lek8ZK/l2LRQVzbT/BOYqs00DXcbJxCTnWwZtk8DtOkbjUoGlM2tTEYKEeB1aaFNMZ2Gs9TJN1C7bSNpj7tIVHbD/TKx0NcZ0U6kx/XiSPqlOTBufKymWag2EQzSt6vP3Ma3rDW1UKtB/hjd77nQw/Bo87IMijey9I4q4/B/QRAmtQ2ZDI6pkNnIUuFKpwFVD/SKS1AAacOeD229uJ/lgEseuShWHKkNF4KJzvkJbhnhlVGfo0ik9dJV3rcoi5ahT6Jog5WDrdOqPU8e25TP5dsnex0hAV9nvYOxhcFAc1onFZh7GHmc3yWNgMhr9Opl0TaDYj8nDW53FSXyINZi8jk6lwNQK1D0I2SJ12Sq3Jsmhf1Url2sHZ4PUMu6Wxa6HJchlVIiZP84AlcXq7pp2pjomWb1A9MltFZWUZjqsUxlcM70C3cC3vqO58CL1YR8zBrF2mc9RFpPBt7V1t4uc4w7pmxDLax8xuPDo6kWm2RoyiWq459cUDT+YF9F4F6RodS5ynkecL9x0hHLhIG3NNqk5omAmEUGYkm4Vyiy3JOZY9tUJbBMUOqHDWODA68wSuYsvAQPyRyGqbpLETzqNdcljFhOsKqWStR0ButyU3yTESSX3MGlqFtduGMIFt5Wa7zagJ0DmFCf6QzeTzrBEyB5FRY0d0nG26+TNZd/T2DtR2L498ijXNwz6wXO394c7oTxquBPbm20Sw/LI3W7H3+EFrfXTtjNDHsJA/WyZEL4Mg8WZJzEZ3LCPJcWIYnbZ51y3KJxlxjzTNEZ8yabMeTJGg8jqxKN6YkxrPuXEbJKzCjDU5rLeUGhAm4RcqnMsmY0dloaOIUpQJcikaUQp5KllIDmCCJHBDnURplcyQBymMY0g08cJPMPeHFOm00aHUsFu4nxV4nSvngNSLr8MXVBp4z64QxaqBoYp7whYbstnI2emSx9WAbL/sl75ssrZRt+IARvEnnChlhbe0ykA8Skxc5N2gAg5X4duPMmZWTxDlDzu+iowTKM343UrI6zEYuo6w5F0F63ysMmwwIgI/ZuVSGs2kRenC5W3CujJdv+NCmxrUqq5G3HbQm2eiKrh4ZfOQueeaSL1vhoxyLJUdI82V/J8UyXLMPdBY/RlHRJkDl/MHm4LKGDG9YAK3vopqPzmIc0zKHpWlh0LThld9haoyj0KW+jqlo0GQxkyPqEgYDZF6PZDwZf/CaoRGBWTB3KgzjWqONX/M5r9a/zVEAy9uTpoXB56eSqBfL5VMBet3pNFaXql0EW9lIuc4UpPQ4aGwnlGjHCBkEkM5DK/Lq7AZU/ags5IMcdLmsoneOPHPxeTL0xAMhamQ8d4k0XvSXUhz0fFthTGWZXKtvJ92mB+6f2asxWHTtAdXMSVqNDgkAO4awCO34DB5kEScDACDJiEQux9PKpwcIVRgPWxi5avRWGQPhyAQu4pv7HCfF7IW4ZucFuwdHR9bqCuMjQA9WZx2JHVgfuQgEFu3Jm0RnpAAXYThm/Odoo6BzMZgYK1DprM0mt5KvtMDXHAdAdS4ic+digSqLcEtqXZWOB8CIx8ln6JnH5OkLv6SwTR5wzdY458+lOPp1nZ0fm1RSHQFb2LeBx4aWoANsHpJ1SHROGE/kNxWTLj/T53RJxpZGrjibaz1wyEeurG5p5KrRo3FkSbyWp4O1nrhfup/1Rmn0zsNOcqyMJTqncR7jVbSOLFV7aOT0AtKTmbF5RcoCps4FQJKjdKD1ejJrZSNFGP2IYhQPmBIQWMEUpxAcQJecy2G1kYv8FJMqZUQqFrqPehlNRdvAKLb2J1+TAdwf22xoNKWx8r3SOOEtNpJ1lvFV39pvrvs8DZUvbX7gnL1PQ5e+TBWrPVGpWDuE/Z3D87STkq6dLHgSuQqrZAeeEKVJhA6pnY2dDzQwE8vU6E2IgTIEk1ySfmaVFPN2l97Tf1OGbvqxlHxco7bB1Y3PxGiFrD0uMdVFBQKfY42JEK2dF6+Rpw2jBGb8ltSjqSWYXIozZ+xap/a261sVlcj4qJpE44WaqAyqNEAy1jMCCQtpbVgDvQzJnGPOJGCzodjnVKgVe8LvxTfpCj5S6OVvlmvnQ2Ijwh0NPKKyqzZde6JSwliciywz2rncmHidMXjVv0trzWPS94bP4LKsG9dkGMk01J2LNkdzCXXUtz8Bo4jKYKP9RJizJBKXn8vyCjkmjVzMuxObjEq+knLkihp5xTjoGWjzzsXRLNrChKYZh3M5suiZLWuv/j5Gsdu1yC0dipN/Qxorfg/TRezKrw2zW+LcifBFuWvzgy9Y9mJo/Tmp2dEJuZUR6R0RdJrFoZ0s6BJ5ENYYLdOOUmhizIoELJlJhg/6dpBauvKAIiqIZ6KG7v6F9Kx4s3QdcpoM3fhDnLH7gbdHNVQ+eIKcssNhrCbAaEFWE08qvdEqJEgI0mBQlxUZGHeyyazAEc5FevyUTelMQOVcVSGGsaPyIJl0xlpqnvIcmspFnmzYxza8/hl9dmz2UStd8OajYimubZvYAHTvT3DSgh65F64Tcg080vzQufu8Cso/KaDeRd6rDk1Ay2sWh9RHbcyJPAgDz9iRiUZhAaw6KOGRSIaSgJXAygkc5oBEGgmu6Wx4RloP3ya9Z/yWdC1bLoM3XYAz8AYpYRwsWdvj9BpVB1TCWktQgKO2Wj8Aa3Vhvl6lyNXpCHXe9lFF4c5lRLgMo9AQHLxK40DK4h+zWkEcFIaoVkHKcc06XjDtG1x1n8w78UXS6MP16hhCsdfxKAa65XQRzuaFjoFzpyB5tPmBs/d6HaaJR0cn1JrNTmKImEn0ly5DB5idSLzTuB163oE5Dfs7k6cZ4rmfz+kUrTDQcipDAH+Oj7gmR+mVM6oCBgSyO1/R7JHWY3cCiI+Ln/AKaS47WgZvuVgv2AtMGylPJagskgUzAG6MKgtDCEkYWL80GhHgvKTT+qlAh1NGLU8B+o/IEYxCBpJWEIAokyoKMqIYjAtHS1TyFctK4J+ReiaAIYN1YRpylRVpOsrwmtW4n9wrsw9foRLGciiWnWD3yB64yqbfaVf3WLh3XBqo9DEsIhZzbHXKG0ptt/8yVO3NT4QHrScpy3pMu40UdRriI4S1hXMBrlywWOyPRBq5kE9jiECjyMQr2A3I+IPQ5UWdiMS1Rv8l/4jp4pXSdcBJMud//D8s4S+WFkYyt2Y1OuVUi6YsM3+VDVlRFUJrzmWkVuUokzAG1K9WZwrDz6KUUNKAa4ZMkEVxdjASHsmrR0VWeYWrVzksL1jrZe2hPJMBMUwjw0dY1lz5PSx6jO+mcuN5fyjFcrzzo58Pb2rFdvoDLLgHY7vgEWcPTGzip8p3nPZXTke2PM9MLW9ylYZFEUeHUBo3V2bZ+Vj6LebhKduu3rSkThbjsbheFmEU5JEllV7laRlE+k9403lQNv7HR6XEYxnNfY+TOW/8G2nM311a/bhgj1O8nt5NqDbH+ZNzKRB4hpCNOJVpGMe5Qee0btBad/JHyGV4GXruiDKcTpvMA3WGoPlwYq+7igUi1ckAWl0elMfYDcYjpnkDq+6VNb/4nmPGHjXOeI8UB2MVkjvxGVjeTv0ruhtQvr3HKxSRK4ZpBKLUsJBgWkPQExZAjSNTp1MaovTnNH6WJWUlAwaBG8K8b1X0LcBGUyxEKIFHbeJVIGB1+bk848tEqPMOP3K7bPzWxxXZXHaUzHnzZ6S5eG99d4XNqYwjVReJpAOvrFZFD1ZGJCM2ZbU5l5G6HoEjcfZLeiAQ/+pcVhWvQLTN8IGiIIqxeZ+JVJgCiWAIGpfBBlGMMWpaybAg9MzlXw+EgsZ0wDVc45yPSLE3Luk5kqWxfkzcOxwRbi53cTf9HO0ZKnmUH5XPS5HUEUz7WROpNgMB0mnzuDIaZ1CaGAvAQnnOV/K+1VMPS/n43dL7OmzPmbMYnYXpG0WPkE1gBmeFEEbSVbC4CVv0zJH+X3xTBq7+tvI09zhY5r7l76W55GA4GY3DjD9kaW111Gkr0+tEOrZD6aM9LoN1VJ0FreLdubR0La6qt/ONGLm8DCX0Mqxcdxw3aKtDu3zPRx1ZLuVpnXAgXGHYddCcJRvvuVE23ncjIeMLeC1B44Ufk2LBPrYLX+VDxE4Zc8Ov4LvLqtlMCa5SgquzdgZkEkjtHE9XGacLmsiGglWiO1cuA3TJ+Ltny+DV35Ly6Ydl1tv+SYpd98f0DUZPGSlYJtWB8DZ5QR9sNEM9WagxoQ643tjwnU/K8GP3qNTGrvvI3LfByfY+SlrZNCfpAPyUpfJSYpRqkQEVq9VNS1CwSog6KRiZJJOLJszXCIzZYBXCeHDU8nBAMmAak40wMEY+YoMbgZZHxZCOBDjJDeMk8/Ql55Ng/AE39YsX/hn0ix14fM/HzhsyB6Nisx8VvU0jV5wpM5nae1leO1Pz7FgkAoeq8NH2gf9EJ3V1yay3fgHXSngmdP3TagQxVOQjXzKYkIHyc1gJYm7ADRjJuCzdWveUrP/aB6QcwEtfCFqwh8x962ek6+BnS4v3hUioDqkcVkeXTXpCVWwGI4AwQyKOuuiQpPsvarhEq5UDivQMmQxrKwCEAa9Ow3IyOtMh5AefXpOR2GSFvhgbrdcTBArzcomj/tdc/SMZXou3AW9FKPZcLo0XfBh1xQ39nXdLVaP5x2ct+wPojzvqU2BSz9qItbOIyYAJFnDGKZigETRJoBFW+DCSNgJcB5Qw8NYT90r3Sa+WrsNPF3nqIRl+4Ho4HZ9LAr3XWSNPRzUq+STjZksE0LSR6Zaf1qq7gcA7Ew55trJzV0PPkWfI8Kq7ZAjPSwmMTfnigDhbA7EiFefy88JZLHE4BI8lot3GziMhNVaWU6E1Y/k6nfGMIs+F5TIURADVp4g6n+YUj1EMztV30AnSu+eBeS3GnC4W748TFBz+7suxeLJTPku2vvnBs5a9GxpLL6x33asSvX+sl9VCo1Ncx9pBub4BsH8DBp68kWbS0961gLjwjEhpeN/qoVt0t0DzkBXSdeRZWADpl+E7f45NA9w5ACfM5FqhlXzmWYYWn8pUoBWpzLhRgXKG7vqFdC09DNdg+6sYnsF7jjpTWk+vksF7f4ktd24gkKOOwlgpXR4jBSSoEhgItUhN1NqMqDfrWWsLGDNJlaw2uijTyokKsS7GneAoVkEERJqyyGKklkPas7rYxBPP/JNfVAkeZ6pYdrzI43fgjhA2EjexMrxzhQ0cwf43NDo32p3sgIDQtCNTNhIRK94y7UbS7jtKVR3A6SXWGKsCi2aXDN99NaaIx0pj0d6Yuq3AjdDZMnzHz3CvDM94cYtOhLw+SDMb7VESAhKQBI7ljVFMYwZRTveRK6UxexclZ9k9y+HU656WwTt/AUfExtbYDkQ5ESKdZAORw4IuakNc4B2n2QzWnq/RO51FWSYlHeP5VHzgGfu1Xsh1V7Ms8fxxe9nTj8kup70STyLMTmLGlcBJsNj3ZClvu0hkPaabmJbvPKGAg50BB8NKouqcLYetpTNdpgniNQShz9cTkHw5LOhI4OlKrndn3PHPnSsvH2n0CO6HYdS691rpOuos4cZd3rtqLDlAhm7/iS0Hc/OuV1B9htcY4PRngc2PHEaJik3Ohbqw3nCe1ponhNPF3mPxaunMcXuOeC5Y4IC3/9wFt42cKMyKj0pAXtIH5Gs7rGF5U7Um5OWFHuvgQekpysUxpsYia3ng25yE7JsduUJkG1+NR4W4HDjHEKbpcw45aauniRQneJas2A2rszf/FwSjoZBbNUYpdsxDKXCwM5e9Gx03R20AzdROTD1pgLDF0ZVixDmL0tUE5nJpKEQ6QZvFjSwfEDhQ65lHsc3pLuk+9lztoMbuB2InxomYLl4J3GM6hQtexsm5kGZQXKSyBhHuk0icXDFVxDNRBZyr+2A8Ip+F7oPxiAaWoPvxohhdBMgcMJm+F6KRHwyEtqKdjrbKEKRl45gQnox8QtV5DQ1Y0Hk9a47iuJwm8ZE+4QMaQoByJmLKgX59X8f8E852gq2Lil2WYosdPgp4N/cs7jTXYxuaHzhz2XvQ1zr+q6p5JnXbZycojPmAq9aDRrFGk+OjD4h2QzJ+GkoIp0wQZFntV+dREVwFczyvgVq4Ocxl366D9ZVz0thlD0zpcJ2E67ThR++Gk2E/IQTmzlWTyQwFqkwzUH0cBWd0gojm7vDBO6+Srr2q6zGtCw7d+x8rzUV7yQCdjM+U0cmiDaw3gkYQ5FlAIJl5ArQQUpHOYZYxskjnspSSCATAVU4OMwzgROI/L8PlOKsKUBAPpLVD0rFmrQAmLWCWMbzmSVnwHEwTe6o3AQd6PHGxN67HHsa9Ne4HjWva8QjY3mjxDcTmB89Y9h7U27ZLJa0Cwg5gZzG0wXOgonJ8G32FYneGQMqsMMpSyyJj/1ZUHDGSDWHEamDHRXPPQxVazJorXUfjuxV41mv4HixGYKoX5ajIkKvlWflqWOC2Z73cuSiNZcKgSjwFPXj7FTpVLNp2ldPxuvdZLv03XKg3pPW6TGtCeSakKtesva2p6gxRLZZpXDgmoCfBmEBIWBowJky08XoBiZaimHE6Q7ssJ9Ic0p6ty8mBOIkMYgPw3COeLT2776t0W32Abos9j8JU8Ye4CY3bIpwq7thBr8HeA31W26XYYACSc3le9aCK10OVzfGRRud7nysdM2H0qUsrMW0GY4gaP6QYFB2EThq6+VKdHjYW7qnyaeTdR52h08Sh2zAFYXnxxDIZVRgqpfVy+ZbJ7dTKAJrf0yqxRD308B0y68QXjzCE5q57S89BJ2Mk+4let+kzUSrWjZi18qEkivYGIMKfVUHrrqR5HmnLOp07ksLYruDyhEKQ3uTIRbr8mqumA+Da5WTyieKvhZ00vXsdInMOOzmwWx9j+xtvg5S3XrAzTBUxRTxjr/dAi+ZgVKgrvGZ5VKfCDRkkquU8w7R2oGIMnSyMWScO48tASuyHVAenV65Uji16DGEVsfvoc6SYVb2vp+uAE6S59FAZhAOW2PnBx9qjSKuXCVFnRyFuu1pqrQxWoLtbhuFg3BfZc9jIRzeaC/AKguVn6Ori0GP34cZsT1XbaB+FZoUwa23T0qzcKql1tezmnKtSsNLiUIlwPpXsZSl5RRQuGrwkjXSSg0oyHXC+16SBkYzTxIkIxR5HYOke08RHbsFUEQtUO27ACLbSpohsY1JweyZpegs0Vd+ryuximRbGENKNKIlsQ5sBVvSJTmXYoeQOjGeekOFH7pCeY56vK4CBbmJ1sfugU/A4yjXSevJhvcc1XudKowFGxsE7eH/sEOnaY+TN1sbs+dJ79Jk60g08eKvfK8vaF5VCI9gObRtGk1BFrW0EUxdu3MqaSMNxlMBQyuyimM5HKYpRKsZJCEQjbdUzbIUyemWysjSpcnAiwmyAq4kLVrxcmn3pjo6XsBURp4q7HyrljT/ACjGuZXfcqWLlYKHQpK4c4Fafg5SuDaBZh1nH0iAYgtAMxMUZKo4gSfw0QoREF+yEKQZ9govk4YduxYN+G7HL4zkOtaixy+5wvLOl9fj92PmBnRhcxue1lXtOZuNJXhQe8q1sWiMuF275KRzpDGnMXVgrh5kC94dmHYdPq8HhB++8WkfNajps5JRp8kJ65ImoaJhJbQ4UAEZSeYbmcXBWpQwYpYUM6wNCVLLHmrG0C6jJQSbn55IRWqkONu+o06R3j/2Ud5sPnCrydQOcKuKmftaYbRY9gwTAwU5fVl2DsWaVtq2eru12cKIjwuww8W6Tc1Fw2FJboZqN8hA38MzYEFb8GouWSROLD3mg4fccC8PHxfQQbiBrfTHNGeFcqQw3ZOQTiE3D2Zt7Egfvv0lmHf8CH6XykkCDkW4W38Y0OCj9uFemRonrOAbKMhVWUsOAoyDDoPwgQVwfzUIhXjfiVbqVkPhSWcRXRN4y43HG4GmXU8F5muBJybhb/RtlzkHHyOyDsRI4QaFYcojIvb/QLXC8D7kDhg3N92OKiO5L12BZz6G91klVJ7gK2gApq+Q8QKKGwDDv3Rwgp2AUnarl1fLMkCJFlgbMJOKI6cXgLZdj0eN4ONpSxacDcN2HnSaNhUtl6LYr8CAgntLleyPAX6uGGxH5EtwTrBuX/4cfuVsdrffo05P49kTv4c+W5vxdpf+my7GMj02uMBq7+Z6kVm0N+SokXMAqYCjANGEtzeusYD9UuqvqblNzq12kKx6nA0BhWfmsa9REnStypEV7unbZVXY5GTfhJyrQqXY7QMrr/lP70Xp1ooTPCDlY5AgHq7TtNbMeGA2cV13xTqSdsynnGiHIpCQDUUtGR5KOP7crUimrw5wswXRZHY/7cztVN67H8kUP8jJ0LTtcug88QadwracetXswqYwwKS87L1cLNhn6HneMls2FuPe2z5EGHOXYve9y6d7zINkIJ2utX6PToCCr2moQE++OVPmRVsSmmQA6k9Li4LNcCHA+Fx5VVYdiRlkNqkcniLRnk5wqT1beSXS9EIGfOWopi09/Hc5p2fY0L39ro2L+HiJPPiDyYGzi3lpJM5IPDvY8jGBcRcwMyzSqx5G1znpCkzykzmSCLEFkQpNhtUmr4EZf5Z0Q4JCkUpHJqxlnZ07R6Dgt3GzuwfVQvs0piuSSPnHDeBx++AFsIPbVqygzleOJ9rzKweIKR6ceOGtz8V4hekTchd3nHM36b/kZFloe1WlllBPElncjJhAFWpl0HLRSG2rAqEvEpFR+AkAXslWaE4XkwGkRCWflqRwmExxujbLJq6AMTn4u1y9c8TJpzrW9moRNROBUsbz+u/aKiB1pwYNbpdTBCjiYK5NK9/+Ruks0SmIH7WAimCBLEKmFpM5rFxadGvRV3ikhJiSpVGRMouHDuUKuLnpgJa/Eg5Ld3Ds4SuB1We/x5wJTyiCnjCwUZ+NUjifa86Q3GJ62xqLKAFYW+07A9Vh2i6C9uOYuS6TvuLNl4N4b8cnWO/X5qqCxtoZMrY7LJwyt1IaiRPtXtlQnAJOuQBdpleZEITlwFBBpJfEDo4CThs7lT6tp2YSFLN4bHF6/TuYfuxL7EvcjauJCHx7mGNoochfuYe5YOzzcwXgNRm37CoAqnZ2cB+0NALJOJTrvWJNBqFqIdZ7KJcwD8gQpUskogUIBY56BNJFnGiCTqFjgnAArgymQCA9nDt11DbZQ7S5dm5rGgaf70FOluccBuF+GG8V4ZTRXsyJQjAYm+INOFIaDZn20HHr0Huk78YXAb3o3QgNL2rNPPFeG8cjLwJ3X2PVf6MZKUaEqH9JzY2fGpolWbhBqbXSeWMFzPq9tJcvrzeK0HD+QjiMls3r0kUurlWjIZBS4PNMRbM6Bx8icQ09Qsok8FHsejmX7H4lswEO1EzgFncg6boUsONhz96otclSdpVquZHo2h1a0IEsZM3qlS7BMTBJgiVFIKlEuln4UdFuWa4se3QedOHLRo6qGdO15MB5FWSlD91yHaeM9No3L8GaNbpRqjBVSr8fuv1kNbtZR9VsEFZWlOBWdfTyuDeHEG2+8zIGVU8ZIXKnF9UJKJBO8rQ6qDzo/CZLD1XmJdFTSn4ol3MTrOZUwOpAV5jJUMIEY1RQEHtx079v7EJl/3EoiJjZg5NKT6G0X+4loYsVPk7S6gyWdZt2qFTOd5/qvpStLyJyLFM4XjUtZL0jzCWhUOYxpVbrTWISj52ty1WhweU5vxEOZgzf/FMv0MOy2vYTBw7gxbxGW3s/BdqcnZfAu7GPk0jp/lJ+KMWPMy6RT8CHNgTuulq7dlkn33vVbBHkZke499GTpWrKPbLieu0w2wKGxwhh6SO2xhIOtSAXV6+BU7jSu85DFAnOeKqtVoSSSmgzTrzkQCQ0a00SbMpLNGPhxiF7sR1z4LIzckxCKJQdhn+KP8dzYU6jYxC2kTEJVxypyQzqVRqdWqncZ3hMa8YD+TGklQU4B3tE1WCUjyfdEXYbR5TCmKTH4FOcd7VI1Ch5Op+KdG9I1S4afeFDW/BN2gekLRXOOerrAw5Xz3/Rxmf9rH4Zzweg38g1WNnViw7R8K9zKiwpxaoipzJNf/ogM3H1dXegmcnOe9XLZ/X99Xrp23wfXM2tcXhB7C70sjfyQ18GpbPk/Ri6vU43Hxea8/NQR8/zxaoD6HatzqTicvAafeiwqPPEx9ig2TvoVPUFOvPDpkdj8wHOwFzGuwcxTqppoj9HMqqDpBAiCNuciedAg1mTmLYFKNEEetMhn5E7mXImZci2TdmhQDkFkxggz/PCd+jQyp4LcybG50L3f0dK93zG4KX29DK9+aNQpo5anRbosjHYtOGT/LVdI30nnSmMzix5RdtfipTL76JUycN/N+JIJFj+yi3oVjYPGZHCHUF4UqW1jq7M6VDqIEgwfslQXQLXckwgPTei0kGzEweOYN8fjYgeCFaQVIh9fHNTonSW7nfWrE7pUz6IiFHxt3q0XiaxdrSewgG+nMaaIycGo5KwZqlEoNYMRpL3PBHtCAez5oFOAw43WIc7oqAoIOGBtbCG6IkMqMoy1SDctVJDjTfCoPG0IYDDeoduxUwBnxm68vGVLobnb3pgyno3PqT4kg/fdZEbEKSOsLT117I7K0llvXltxKX7woTtkNpxsLPeIGnN2kbknvxBvtHpaNt7G97ljOoQRUZvo7aPRJ92zvYBri5XIOkXrYA22poGIaCXJGhtfwFQ9g5Xc5kAkNg7NI0ttqi8SbsW4TOQVVsiuZ74OjtaXlTCBSeizwO6b8rZLsGiFLVTbd4CDncYRrBypLeoza1xKa8JzMUVRukSRGKNDrWOsf2qk6EDvX+tMiGCfKoyEeWakeCXQaWHwwPhjNCO7WigWGQZuxk6PvQ/Hht39Fby5A5fe+056IZwTfLdeiSkmNqM24QBsqztXGGwoiI7MEYmv5J6F/XpjCbr4cdyZ+rTwhht/ou8XqZ4tM0cJOdZ0HOkF4eBJSYCRAHmlU50FJwenxK1AosOZQtE6gLF5+OMb1kygknsTvWyWgeTi018lXfNG7ss0jm0/Fov3kfIGrCjyBbCbWaXd9pImXQJHsKW1x1WiSO8XzVoXOUYR7Cb8gDBcjSKDg4z0RhrELshQKsDx9VGIZC43xCOukjZyEWAwOlfGk7gpvCUDN16Kx05OxXsPl5Boi6EH76Ho3v8Y6cc9r9ZTT6SpXCxMJAFavo2WG2/+mTR32U169l+e0FtKzDrkROndb7nQyfiaNFv8AJc1yqNwOLRFUYZMfYSEk1uceFOCXaC/xENK/efVK0Ob/gwNuDmVkrAcvGho8cpXSs/C3RU0KYce7HvAKyLKe67EyW27HsVskSOUn5QF5eawSHO0iLT1pHZLghFXwZl2QUjSeZQXMQP3vSlMmSxNOGEaQ1BOX8k1Ak4LA6aSkSXMxZkMJQUM045y7VPyzBfejcdcHrcCxnDsPXKF7PZH58usY8/QfYilv6VW60X+kI8kVy8bMIwnv/xR2YgVzPGE2bh5u9f7/1Vm7XekDK/DfTkMKdEOxlZMQAwXjhIOX9FFycqV9KlQA6meou5GPdK5DA4G56ELl3gBUQt7Elsb1kchkxYXx70cTyrMQ/3xwliUsr3+mh9YsVTvg7kek16ZqMOYs05WeDoYjNQJRN6KPBNkNJnf1XhGlpmkJhlaBgnJqf9evltchQdaMwbh9Gt49SN4qc0d0nsidmGM8WZmMWu29OF6Sd80fOvP9V0c+n1iL1+rgrSWwikqDHAjRqO+Y54nTdwGGGtoYso199SXyDBW6frvuBYfBexSp22bsWm79RqJKTTQWl/dq9LyUJloutcswKqUCqdgpQ1HDUKlMSmqR8uDHc9vLT7tJTJrz/2NebKOc6G7VXif4oN43AgnyO00YIoIB0Pl7RqMvUVN4qcKjbwrWscIxxuFdS9Pk2rMytTO6zKdhnTKhYOSJ3nIR3kea6cHDHRKD3F6WmZer4so35AV3kBWKdJbntdKww/cqqNY77FnUtLYAq4Deg89SXownevHddnQk49gKudTF5St5UYZMIZhPBtGJ5lz6otqW6S2VBideO5J5+C9jHNl/fXYLAxn5YcBNbAQ6NCukdAe/FE1VJpdU3nrETGlOe0U8iHPejqJsvGAoLAcQVrDaIKyc3QLj+QsWvFi6Vt2kFJN6oH7RX/5vR3IwagtaDf1gyZwYE+iIyNrFNq9ylDBM16XxYhQ0kRHqTiFK0pTKiNgBAcxYUBWeEvZYkaFrPBOm/ErLgjgZHpTGdO5noO3vLLIEiJ07bpM+rAro/X04zJwF+59+eof8ak4lgNHGcKm4qHHHpQ5J58L/YWuQtLm41mH4HXV+x8lG266AtusHvfrP1tGJ2dyLnRM3BQOBbF4a2p2ROUsl9UTVWKda3p2XtLyQ4v8/mBqF3GUA6dftOIl0rcPnuWa5FDgm21yy4Ui657YXpfsMYI9OxvBqPBQmmrZc+FcxKnGw2CqjiNjjTfJMZoQR85E5zR5JxI0otMTgyX03K1JHPhfVcdlG9xkeSEpAjEcYwDTOK4qdu11cMKMJdGYPU/veTXnLMC11hW6XSp/r4RWC4I4WvbjnlqJj/r1Hf3csYiu0fRgCjbneLzz46G7pP9erFDqiMlrJb8Gg3OpZqNAcKckFWr/Cq3gVoTmFZ+IFEF4yLS00ZssLxcj2OLnvHRKHEynhvg4h9yOa9rt812K1U6OqkOo5Uy9ybnYGYRX1sycBqKytI14AICecP5i8SLROb2K9LTWoQbwIhVvnDpyqVAc+F9VR8sxoAmsiSKt/+hgfI7s6S++D8+IYRPuVoS557xZdnv3F6Vnn8OltfYZLNqgrZCvAQkm+Uq5p7/7eVlzwVccMb6ITrbX//68LHjR29SRW9gLyLVT9kEUFRIjryenyASSMWAJnBIVgYJwYD8xndriaVWz43TkrlgnNVUcgr2e+MxUrUKTWuLECrcRLP+MbNUNKCmmhaHZyprZCRoCFfmI3ciUDgdyJh6nyTuRoDGNXMprkpI8JBLEgQmXlZXDCt7Y7e/H+w0vw83ls4Q3f8cbdFcGFiZK7Mjvv+OXqARWvHBjmuVYWXAHOPL6ay/BlA8PYm7F+yy4ODMXI1nPkr1l/Q14vgyrjCWvTTJthh7Nra0VWr73ASGWr7iU1iqZ2a5NQ0Oe8oEm3Fm3WmGZfrezXiuzlu5vBU32cd6uUt5xhchqPJSJhZ/tLNgI5no27TPDYSFGrqTtUZyLpNFi5XOAd2zgRnWu4GMMwhHOlfAmxS/pSWj0gbesCXGYcQSBsaQckdEmvKl2GNdJT37mnbqrItGMI8Ep46K3flQWv+OT6qTDG9aZ+CiH+xthlKs+/U7cjL5lHJLrpLusfLXs88HzpGc/jJh4R0jSgzc2ORfy2jzvA0pREsJd5JidC/Q+EbUb1hSAE8ak7eLw+tUinAiL5efgJv5wDby9ZJrvf1Z+o1k1qHXXzoge4fjjgAQCVZ3GAVwtpAQc6FjqXDmTk5HECBGFwSswgYlwMkphQN7+q6yiKmCbqBARRWUyTYRup3oECxKP3IOXjJ495uV7466OPfsejme/ni+DkDNwP17h5gsgPDEw3dqwVm8mc9Gj0Ve9y7GSsOVUF27uLnjuy7GK+bhswIjJ6bKNmKYnSuD9RSopps7UR8JqOuUq3YCI0IRROvRdghPgroa27PHCN0nPokm80cwmZKHAc3UlP/WrS6hhCxnBzE3ipTenxiIH1WuVV0UnS/UGubKjLUrDTEpYhlmyhhoUndGkpCeSc0UxIdPLTyMXC7J/UlhaeSqgi0x1irzG1SEZlovRp2gH7rkBU731eDvU81T81hyacxfI3BUv1QWODTfjnhmvmfQeDgrHtG4I9+H677we97t4X23rPoBAvvmnnCPdcLY1112Ka7P1KA9TRhRhKqs7i6tRkaoCb5hujwITYfrLkOwTqtbgPJpztWDgfD/9ni97G7ZK4QP1UxVmzRO5+WK8feqR7W2aCAd71p52H8z0mBmfA6hEJK0rTKPEaIiEknpnIe2+oh1khzp5wEY4V8hz4aM7F6SDTjffZvSWJKIqK6EjkdAG4DFSup8Q97j4JqjebXlFNKZQsw4/WfqOPFX677peBh+9Vx2O5fDrLQMP3qHL93NPxrRnG/bZ9R24XOYec5psuO1qGVh1vzqZtQVtYoJqYkL/A0Pd8Ka0OxBxGV3wsP9IEf1Dbu1dTNO68D6Opa94x5RPE2Utlupvu1xPhmzFdhLyEUz7AofoDKrZQiiaucAqRjMG4ZG/EauFhh7BlzssZSmZ07IONecKvFoAaetCLYdjHUyxCaZJxSdqQzoPzF/Pjv03XI4X2uAFOdi2tC2ha9elGM2wAIKHFDfcfCXuK2Huxt0ZGIE23n4tPl3cL3OOGf/yfV6n7sV7yILTXoo9jM/Iupvw1IBPS0mTnCuWBZUxcy7SBJ3ijAfnB/C6c2madKDkP+6B9eJZtj1f+labAjvfVES63e0avt6NdlnZ5lSUvQ1lVA5mfhXWVjUg+RtKCWyVsKIJJx25RqPJYZZOEBVQK0MzlaREGdcA5HBgTRYyQRtxAEx+jRqojIFna8rVziul/zq8OWqfw/Bagf0J3erAnRmzj32eyuIqI6eIwqkh7mmtv+GnGAWwDeuwE7daPhk5ZZt/8vOle9EeshYy+Y4RfXEMmzeBzsWyeJtgzoFHypLn/wqzUxv4wYir4WDcYc9HiLaPAAc7Zel7YIDYKoUeUbvmwYIaHZAaB5BxAhiOBmxnvowIsETmYM2btSvE8hWPSUP5TlPxV9OVEGq4iiLEVhCTq/A2eaM6lwvmggQfUVl/7YUy64hT8D0wvLdvG0MPthXNxWP2fE/ihtuuVWkNON/6X14i3Vh+790PH0PYxjD7oKNl/vErZeM9t8iG+/ARQXy8wjoUEU5O3PGh3csslJR61dOKy05iI2ngYPgY3/yjTpXFK7A7ZaoD9CX3QHf4QOJ2tDdxQ/N9cDCoGw7GQOP2iLEbJjEaUg8h56uFJCFYA3kYgs5y1THgwRD0GvMARNAEl44qyDha48AxbpfVDquV4YyJJxIuh7T88c1RWPXbiP2Afc1/pbkAACsoSURBVCecuVX3yLykFPENU3NPOlu6d9sLCx03YFMvdvVjAWQd7pHNOuBI6ZmAV6F1L1wiC7HLgu/8WHcLXheOaya+O0SdC+2C/4x0LnQgtaDXXGy8/SOiIhQRKX1l3SKMlguO37aprQneiuN6vHHqpgvTCL0VEqaaBSPYyXu8B8MPXttWGZv5lSnY1WwVSxlTvzqX9U7qBCUEXSL1JmneBBsJAalIyvOM0xi/wdI1oAu1KDvW4FWBQZEVi3KcGOUF3jnq5xPuvsdzYP03/QxPKp89ptcBhJzNxbP2PxKriC+QIThY/73YeAxnWHvNxTIbiyLduPbb1sAVxfknnqFvf6KT9T+5CucLPK7j7dX2h76gGOs+6gJA+7c0K+J5TSLNKeIeL3i9zD1o7M+7bWt7cn5OucurvoN64Xo2Trw5wcxL40azatiNGxWEHtuOCsgOZqI0Wr9kcZ6KxGS05yuoGrz1LAqkPC9fEVEH6/TkXC5uRP0AIKySriKRN6iL1LzBSMwpJwVWXDU6ZvDPp5v777lJHv/r38fLcCbuGSiOYkvf9WnZ83c/hTdN7SWDWAV84JO/KQMP38tKTUhYcNqL5ZBPflMWnnoOvoyyTnfm502mXq0LxuZcpOf7OGbvf/iE1G+rhCxeJoJ3Xm5PN52b7z8Jrwzgm30R1Mj0kJtergqYqNmeuQTT7hthq86emLRTiXQ+pbOeRZJYFwBGoyWrdzqTFRBlV5lIZSBSG7kDK5pIkYKySVjBLE/eDOZJXb6//w69gTz7pLMw5Zq47Tqz9j9Cdnn2i/GGqbWy9trLZO1VF8j8Z79QmtgdMhGhOWe+LFr5CsibK2tuukq3WfHaTJ0L7dP3+me6SvpVHHWk/6oVriD24Hp0n9f/Lyys4HpoOgJ1f+PF+HjfvdvHdVghPoJRl1Q0fjhmZhZaBJw4V7i6BNNMOINGPHhwMHJI2b/ROo+VFBnLGetI51JZLNxDpDKQYhTuwIomUiQZn3ORg9zcDrX2sm/LE5//IEETGrp23VP2eudfyb4f+hdc46yXez74Ov3o+EQWsscrf1MO/+S/4428x8nQmqcwAuCqDNOPcCi2MdLaV9EtCrfDMKaHs/fDyupcvOZ6OgM+hojheDprMK6ym+/jNVhpixxqirk9uqiAMzbdO1E9MmrAHJwqovnwhhF4dy4lypyL3DVayyiZoUy+AwKubLmTZQhL4uiwQGnsB2XNDEzl4aD3r269yt5ue/TYXmxjFRzbsXfZgbLwrF+RgUfuk9U/OE/mHfscbKmaOzbmMVBxAWTX01+B+1ddsubGn+v1FEdjar/W/qyHVRc4EM9rxT3OeZ3scvSzxlDaJJLwpaS/xAtxtoennPnxh/edhJ0c+W561XaloMhS2TXnIglggVeO9ryR1Ai105SYB+9cTbY5l2JrBytrtDKySoREMw4KtmAkTpjJqFjBGZl2vCLQeuzE2HDdT/Tas++oiTc0bqKdh2loD0a1tddgB/5eB07ojgldADn2NJm3/FRZe+s10g9n5hQ49axPSagGVQXabTHyeB/Jslf9psze+yDX6PREuj+SCx363gRa5IwOvptetYiKRux1jiztq+ZcROAXeCVvz4c4Mjuh2qnLJjDxc9GhyoU45zMqPeKQeFxOLjNkKCwjtKQDEAUqYq1LZNrxXoCiMa1q4B0dq8//f3jO64upJROdmHP0Cll07hug9MkxoPkYhY78P9+SPV/92zqScXSyJ8RNg9pWtNtiaAfL/d0LdpN5hxw90U0dv7wFuC85ewEcbPvYXY+FISwkmveY5VGr+IWRMtYNAUwQhxVSxYdqCCPKY6WJPM8yDlc8eTSPznM4L+S0K1M+lwUg/4lDuRWPl+l1MZqMlvQMwUtGwlI+l4XSa3JyOjLltEhTWVj2fuyLH5VnfvhlxU/GgY7cnMQNtdysu/9vf1QO/9N/kb59D5MhvDKOm3lNx5VzsW3DvMF8xIk6sk5GW8clk29PnoN3MtLBvE9nctxoNgqhk2kwe0qGTGXbbptAOFmcWL2B2ilEBZnCPUNwJB0eWXUuIhVu/ErrdEkkSTIahWf5uEAnqCYrCJ026lHJckd3vjoeTPxXoSZXy2Ee838+JrLqsx+StZdj+852HBaefJYs/z/flKWvfAdGqpbUnmdDu9h+7qdcOF03l9t1i502BUcw1DXv65mablCBzSZ2gPfZSGbPE1ndbWCjhqlp+zGKNGPNB4wopUvQmoEykzAxcuW8TGswKpPlMgOFOOAEhUSFxUik8CAkFeksKJ0mg9OQdbyX7zxkJjWh/PGkE0/XPvzXfyhrr8BF93YcuuYvlAN/7xNy5J/9i8w9BO/nX/O0XnNRVyVGNS7zT/viRq5f3gvj5untIOjQRafSkQxOxostKnaTzsVG0cCofMYMHms+AdvwgAf5qNNCk2TCMtmZOKVQGVGeS7RykwCDZoxRbgXK61LV0/BGHTwUVlHjAUf8xYjJqWI5OCQPf+p3sHfx0qoC22lq4YmnyzF/9W3Z943vkkZ3nwzh9QTD+LjFvMOOk7kHbvt+yQlTCz4H7E+WTpjIyRLkXxwwI+NI1je7IZg1ov6wrPYRgbWg5dHoGDPk+QR0vONInFAcuZhJOEta3uBKyyRpGDwOuIJcRg4jneWDMfK5LK8LSYKeSc0bX5JJvBIZPl2LOr3u2KGTYQr10Cd+S9+Zwbptz6GJa7/9f+OP5bjPfF+WnPEK3eC75IxX4ow7g3aw4/XkmEJo/7F7ZvKvGP6DE/AkmywKo+A1/PAwFvDXD2OaACidLZCM1ehygOOVyChHpydj+2ohnc2FusjgTaNEwAOBfCRH0KiowLIsCzmdlaeEVna0z4mDx9qJnP1XIzpYSZPkKANeFsOnl2Gcy/74H7Gv8BQreAc4rv75BTLngCOkd9dtf6pgotRRXneBlJ/7XXw1x/eoT5TgiZezesRpiYajI1kfLiZ5klAD8pKRzrOEar461PE5/ZQ6V1XvcTkX2+G/NHIBBB8EWBtpaEumxmsWz3lxgeCBj71dNnAn+w4SFp18xoxyLlXrbOwm4Rcwa8Y5MxVevWPMDYsWpNdknC7SyWhdnCrip+3J6ZjWaSSZ2vCJPnAWm4VmIxfAOa86hMOiLsZTyR9Bo/Qhn7JZadC33yZwuugXjbX+LluZWB2TRfI0LSSIP6fXOpEy4IgbeH/f8DNPyv0fe4esvxlPGHfCpGig6MVSPXdyqPJRBHQ/U3+jOhgrG042ezbOFAi0VW2E5pCMvDeyyhud5SmIBs/Y+TXPdAUL3kTHMohOPFU60TjOaJBRw3fHVV4e2uQAEDIj1qKcTsskjTtRukUBvPoq4REggDKC1RLYoY4nbwefeFTu/+jbO04WupromA9fcuNvKH8GxyOmiLkuaECcLs6Z07SFD0eqcTLtCbYvDwnPFTdqIREwz+CADKV0ISTgFZlz1QGWC+KQTekBSyVpmVEvl2Iyswz5gobIkJNOLjYwAuEv6FQaG+VioCcPtzwN4Ssp6mQ3XKHldA4TqAEsLOltkryzJlD8RIra5AhGG+UvH8m4uqi3HxRnlqltdFqlj0aTl2kj0zobrcMU72UEHWkzOJkqcRVfggefOrLR5mVaeSYkSCtYJTvqXRu5nCEftLQtgCvM66n3xFBEckK2AYQF3rcx+ORjci9HspvwtqpOmDgN6Bt+YYzU9Qz/bXYEC43Q1rq6CuF0UZfw1UozA3VCPeMzDfo4+4cCYq9bLtNIqaEquGiToXJYjieczGiCz0cuzTqM5IG2mmg17GBCErnSoraIOQrxF+0IR/JiFROOpPQUgp/CEpHJIrDAKtfwM6vl3j95q6y77qeJopPYeTSwxRFMjZJGCGvr4nRRnQwvUaH1uYExVoPm4kJ+zaV6hAMonETGY7TkqWCVDKdRXh5GoUkwyg6Sii5gRFZpo6uVoyBzJzqWiaXAthFJy8DIFWUZSUWnKRyy8ozEnIw7I+7+0Fv0ocog7cTboAF2apv9se9m4m9MI1ioIjlZXJOp9Vq7zDpp0HnLaXNsecCcFiAza+IsaMqzAU0OmNOYFyjE6CgJ8qMuFbPqm4QKcnigtQaoK6tbcy7IacWQlIizaSHkcVpIniDTApBRchyMzdpMKN8lwTfw3v3ht8ozP/8xq9QJ26IBfsqXN2lN0dsiadJ5MYK5cdJAt/RDi2j0XVhYnAsn45dD1BjJRzHRYjZ81NVCK0PptCzSmUxzkCqtS+zR/JxGZVtVK14jNGf2MtxrzEkdpmVWaWZ1gkn5Wncfpeg+wOkBuDRyAcLnkQjn23GNCHHwp1iVAbDJYR343BVfe3b3n/y6PHUxnmfqhK3XAD5jK9g9o2c59sOM/bWEj7SOO7A9nC7Og5OtWTsMJ4NB0aBDFp1LpToAUUJtAk5wokkJg2o2YKTztDkFaSqYph0QdBWMKZZjnOqDzHsBNiIlqNKiZWTQukWrAqYEioa8VD9LJOfyVRBC+XZa7vi4589/R/bGM1iLz35tiOjE49HAwAY42CAUOq4J2HhKmDDara4hDYoLH/PmcseHXwuxWjPBuehAyeDdgTzP0YS45EYK9ylgBVUFhyMZvQkIWPQAXbUqy2hy5yLEizAn5d5FAO771B/Iqq//Q4jpxOPQQIkXuJqDRS+Og3mKSbfawVhPGoo5WRdWF+FksD41Jj8ysnzEnsvgKscbnQxVydxwQ4CXZ/QVMPEQr3Jygw+YIlBfugOcy/vFeGMKGJ1lUsKRSJNGLqIMbSVRXspbgs5l5VhZJCSNYkmPfNGFm6TNptz/9x+Wh7/8VyqrcxiHBtauhkK1h8bBND2kWzVFzKtK4+nGdHH+3C55Zu2QbhSuG3DYpJqYslZGGbgwwJDsxlmxqGEaXwXUlGcZVSatGTNqF0kcadSNkDA2OJf2E6EGIXlyLqU3uNJlZHSiKkR96YohGdggAW0iVxlA8MFBXJc9+LmP4X7Z47LP73y0EtdJbV4DT63ijvRKv5unnlbsNo1gUXOeTNJIBok0prR2QqJkXQZPfEQFOp2Q3ERT3mmUKSzWYGHAKiPPgFeLdHIdUQBT5/IyKaFyLhWuhyiWrLag0bZaCERyIpXvhYT0yLrIvB4KIr/T8D34fLnpw+f/ndz9yXfqG6ucrRNtTgOrHwU2enNzhNOPMwdjh2/Lj+ywTBvJuvmkDl5dx1WeEGry06gOcDI8WjTJGABMcM0bncGcKHjdEwxKIBhclsEoAGAunwOg3UEyInGoLWgoMBu5lJ6Em3AuylGsHbBGqICa45FG6xNQ0BLmZTGtaAz3fEHoqu/8i9z2x2+Roaf59FAnbFYDjz+IDuWZHFQz+YfqNcIoJ6Ki5mR4u/GiudK95z76xUgfJsywXWtm5NCNO4mBM+cKR1Hl4UAGpgEPXvJYGnxOn2BMINC0yTaqc7XoFC4bNOpwLl9HLqAoVgVQiCYtUdWBdYYc5aMsI9fYmZ3VcSmn5akcE42Xm86XJy/9gdz63jfgg3oPOLQTjdAAlFY+g5PQ9uBgsAEbwZIV0QC27Udj7xpYKwvPeJHMfvXvYNozqPd/Qq6dwWmYUQ4tkXmqEgeHA4I8bgRrrEhNkUrpHV5hcpmWpqjkXM7ndo+clUtZLIXl8s8+9FPBiLfyQG9kKklhiiKXt8EJrG1Z3V22V8Gcy+VqG+HdvHrrmjdfXwp60ztfKWtvudbL6UQ1DeCGvazBIocu0VvfRB/NvJgONtF1hDZKNv7HX5b5z3+lLPijz0kT79RrrVur0zUqS31ItUaL5aqbQpN+Ih9gpUn+QOehEJfDoSfSKtPgpIkZKpLg8WkhMx6YbB+5yBfyEx0BGPGU1Qli1KR7MQSfxoAZLRHmyozJo80wImUijCcBdW1cFPJtvhseulduetdr5akrLqDoTsg18CSuvziC4fpVlUxFz+Cfj2B5CyYgzcavxZuJ/vGDMuvElbL4L74ps894lbTwApVWP+7Ca6BW3GipIbU80xXRtEGFJRqFqi4tlR1J60Ftl0brMEZ0royEEM1rGZqzmiity9EIALuGq5zL5BlRpLVMgkgfQo1EHbhAfYKmwqMOoA/nMridbLhJmC+cueX9b5aHv/lFl9SJqIHywdtF8LGMNPma4WppfugE/wj6RFeUz+w8dKc+edo4dqXMetY50oOviQze9ksZfvxhwPHKZl3Pp1Va4R4lI9XFg1SvalQwuiofJGHEZrSE1h3J6IJb0Vq0vo4ZTLlvWJr8lEZapF1wSFCajK9yHmPh6OgsWk7Cw/vJqziO4Io1NUS5Be6TtbAUvfqy7+t74RectNKE7uzHS7+Bj6FfZZ/infm62DB5DsbG86nTO6+V4lB8h3jxUunCBw76TnshRqaWDN5xnX6Jke9LN6MKdzCt6eKBJsP8zACD2IzcaRkBkIyWlkuzJcxxntJ88Bq9ya/oKspR6+CESYbLr2qpRevgy1GUTkna5FysF/KKg4vZ9ZuNXCaTTMbDHTJcyn/yqstk/X23y6KTT5++TwexnTMhfO/zIk88pCfumVCdLdTB3k2/BaKtR3OqiD13rS9+CMM6trcgNPGVjwVv/5Ds+qfnySx8iKCFqVA52K9GFwWNathEuieaIRq1pmmQ+OmIMBbnIpPSu3N5XotQsYDrcGUQojWlicqVtDqAVRBQIc/Z7iadC/ixOFdILfFyF77489H/+rpc985X4/vLd2hddsoDPutbPoYVVp64t5PQ/NDxkzRFDAVQGU9gSrj2KSmOPyOg+mXH2StfLs3dlsrQA3fKEJemYUz8vI56G6zQ/SnxKLzKWVYN3JwrUOTDvwfLMB8wxjoxM1QQenl0F/VS5Yg6aMw6kTr4GJu3JBnJuYwMpMoBQmuPnQQ4YhHOWni9mLd/gI1LnZx8YOJH7zY+cLc8fsn38Rq1w6Vv2f6pzJ0mcff1Uv73eVAGbCT10YxuPaaIk+1gtChej915nQhGr2K/IyuN4BqsB9/7nXP6y/QbyIMP3CXDeMxen4fRZVi1S6c3Aw1mGiYDY7VxloOc2mkgFWs0CsJB6WnAniYXgYSrE0THOU3CIaGDWqIlj3I5M0Yu1EHrQhqka9NCwFjF9OE7l2MSLKPpVDcVkMpkIfxGGR/efPRH35Rm3xzZZflJrPVOE8of/ovIzT/H+xDx0htT3Exv+xQ4mKqAloff9ZdLsfw0dbRcM0XPLJl19Kky5zkvwh6zIRnEmbrFLzFyisl3FCDQISJEkrEatCLM3Cs6o+JRUzgw1pErYOQj3AlqI1fgGINISTRlB4UEECAduYiiPCUJJCiRZCso3x5IzUYuUtt/4rLpaVUmBYRz29uUSnnsku/pHsaFJ+JDfTyB7QwBH6QXfARR+Fap7SPAwY7DFy7FvtE8qXWms+Bai2eg4pRzRfBSmPbQmDNP+vCiyzmnnasfHxh8+D5p4T2D5mi8o2DGSj6arxktc8jTCDWhWfW8MHbDV/RKp2R1eSYAslRwJc9TQAOhzlBJoBhbLTQqYjTlJIxcnMEVz/oioSGkG0zhVkwiMnnmlJTOkxVHs6eu/ok8dd0VsstR+LTQwl1D4A4bF4dhxL4LM6EHsTqN9mdKnKlt3lC03nYs7tpVr86e9JriQlWOP1OKd/7NFleChh59QJ751hdlzY+/KUPY4Mnd5zSssM2I9QzvGTVGtWg1RT0kOjQu0u1OkAyexh0ZxBU9mW38Cxh1ZaQ5HbBOEHSkqSiChzEQyZkc7vmoQ1VPK1vL1HJVqPSvXoWvTh4gx//dd2TOfocQvWOH1Y9I+SE8qMqbzXSymR1WT90IForgJ0vvvVkKPD4vW/jWcQMf3O474Xkyd+VLpWvx7jL08P1wtFX42AKeZtWVJPMkM/LMiM32tEQkLdRgDnVYogFljISVObvhh3OxSIaQh8KDv0o5D8lIx3ksA9MpaQnPZnDSAKqOhpgELNtlqDwchvs34unofln8rLPkkHd+DF+fPAprRLz438EDdroUuy0TueIH0BFnNdEhM7LdUzhFzNtPJ7v5CinmLxY58OgcM2qaU8dZR54o885+jcw69Bhd2h/C94VbXLaFgnlTNhm32yQF0TY11GAOdViiAeHozkVL95GLfVmxkyGyVj5xJA8axOEYJExw53KyDE4aQClDGaqyFYa56BB3w+gnhY6Rw979STnof35QR7Cdwrm0M3HAt6uLNbh0uAkvdeWCx8wNmCK+ZYqniKEM/cYu3OO3PyVy8jkBHXO88aarZe1PfyhrL/2+9OMmLK2UiyV4MI3W6SZs4ipD9hTxasTABwj8TNZGLrN0wCtHIhF5WZ6yMm8pLayCZXClUbTRMk8ZCPSniEOOxk7AND+CN7QBm1xx7bXLMafIXq94kyw582XCTw3ttGEdtuJ95Nfseoz9PjPD6qL15mlyMBoYXgDDxY7iDz8jwgvYrQi8Ub3+mstk3c8vxJcmL5DBRx5U4+Wr0vhovi5MQK4ZrRVAm3a7VkAaueg0yfAtoQaeEVsSUIepXEpBPsgYKzzRaDHgMUCiy/Ahx2hQNmiHBzANxFS6OX+BLH7282WPc18ri1c8X3d3mMSd/HjNRVJ+6rdsVZGr1DMvTKODhTJgRLJoDyne/fci+xwa0K2Kh3APbd2VF8u6qy6VDRjhBh68Bw9+8noNN7C5QKJTSXcEGrfasZm27kdkqWbbmiAmHImocI+AhVMQ4b6iscIdkOBjcS7sPWwNDGidi54efM51uSw8eaXsfs6rZO5B2f1DVqYTTAP/8D4pLzhfZPa8magRONibpmkEC3XwzLMR058le0vxR9hntse+gdmmuIUd1+tvuBLOdplsuP166b/zJtw3egLbIFtwNnzEnM6GHz2qNi1Uj/BrrqwG5h/ucHTCzKsU546ZnA687lPVyBXOyzKQbuFZlRael+OiTQv3/7pgJHPgSPOPPkkWn3a2LDhuhY7CWTU6yXYNYAdQ+cdYVeRWvJm3yDMDHCwUtnGdyN6HmpMt2j2gExYPPnI/PsJwjay79qey4c4bZfCxh/GZoVVYMIBzM7Bz+FE33K8reXObjs8fnCGcpnIk9UJlq2AVHRG5c+kUFM5UYoQqhzBKwZm4+NHEiljPbntK3977y4LjT5OFp6zEqHUUyuXqWCeMWQPf+qyU531CBK9emGEBDvbGY6b2PtjmNEBj3/cwKd7zWey+32NzlNuM44fy+rFjZMMdN8qG225A+i7dGTH09JMyhGfZuFKnDoERT6eNDRi9zvPpeCgeTlBzIvVEOBHo1aGGubcDgdNTXA82ccuha5dF0r1oV+nb50CZd8TxMvewY+BcB+hmXiPuHLdKA9jnWr7/NSJ8VwdXqGdOmGEORsVwJNv3cCne9wURPAk9laHEgsIwFk0GH39UBvDM2sCjD+nH9PhaNb6Mhjh9aFSvk4Ywx8OIRG9rNnQq18BqVgN7BLuwKNG1YLH04LvGPbvvJb27L5OeJXtK9/yF2HPZN5VN2nnKuvDrUv7de7Enae5MajMc7A0zaASjajg6cEl6P4xk7/pbkd33nkkK07pwlKJzpSEMoxuf27IRbsZVd+eoEE7M5XtfKbLq/pk0io38CPq09wYvb3h/5+6bpfz4r+M+x13TXqX2ChR0KC6UYKuO/vT6jWeGTpg2DeD9ksUL32S3fqatEiMLtqtpGvVM+3Gof/BuKf/87SK3d96wNLLrOpARGjj1XL3lo19emQn2jArO3OUqriDgrCSP3g8n+02Rqy8eoc8OoKOBmgZwjVuc9lJ9ir4Gn8bMhL54dOJHQThZD6aLfEPVX75T5OL/mEZVdYreLjRwFu6JzVmA5wpxnTzdoxiqMHNHsNSb0BIfsOMN2U/j0bWvfyZhOomOBkZoYM/9RA45VoQ7hGZAaH5o+e5T88DltjZWV+lwPsBUseBr35Y/a3t4HmhbW93h3woNFLihL1f8EKuJ0/6kN94qNd3D6JjLByF3OOANS+V/f1XKP32ryMP3bIX6Oyw7vAZOPB0bFfa0z8yO2b6glUmg5RSRYrejgOVwfChBbrkad+9fL/KLC7ejuneqOiUamLdQBC+51ac1pqTATRfCEYxfKZgU751UuXynB7Y7lZ/4HZGv4vUD+nzZphvawexcGig4inFDwPTadskRbPsNfCcD9geW//pXePjubVjSf2D7bUun5hOrAbzUVuYtmvYTL0cwbqibbk/f+vK5+MGb0tdcKuUH8ITrxd+e2I7qSNs+NbAE7+3AdjsZwPOA02ffGMFKwfr3duxgUfc+PHCHx0/Kv3w3lvPfJ/L06u3TMDq1njANFPviAV5+aTVsZOrjFqeIqMEOELjzg1NGvgTlB/8m5ft+FUu1/70DNKzThK3WwAF8ChyLYtMXdqARLM5OVCgfH3/oHik/9tsin34/dlh3rs2mz8amseSDjsLlA7bbTd9iBxc5SrygMKxzB4q5+wOjWfn9f5XyPa8TueAb+lruaezuTtFTrQE8hyd4Jk/4XpbpsfFhThE3Tk/ZU9DmGM2eekLK/4trsw++GffPrkHBnbBTaKAXD7fusc90XocNd+EuGB4h3sFDE1tm+LvuZ1L+0f+Q4nTsuH797+Hshrv9nTB1GuCnX1fhsX5M3/mUBBel9GU12GfKVyvo1H4RnmLfc1+8YexgPGy7F2Yh2/bOw2LREn2Ngw4iU9fSKAkOVvgIFqAdOebNab4z4wdfFcHr3YpzsPP6pW8WwSP+nTAJGsDrvQUvGJKrLpbyZswc6FyYTehrIbhfMF4sFEVzoYo/3nqZg1sveC9LceARIvwq6nGn4R2aW+Fsu+CjGPw6x7SEcghv5izWp0ffp6USU1wo9zPyvhk+j1R++a9FLvwWnoTFlqsXYtVxZr3PYYoVM4HFcRqOD3aU118hgrd5CV4gpG9c5pPfHKlG+bLOiNIHsbj94D1S3nu7yEXfEcHnh4uzXiHy4jfYE+8jGDYBWIgRkZcK0+FjZTHY/OChu78YxR+ziertuGC+JYrL+vignVx5EX4X4oMUA3h13IG21L/jtnxyWsbHQ378H1J+4c9FvoJHim76BaZ/mBLSqXjrhFN0jkw09rEEjm6kZx9RBkc+9tMvLsI3DbDXcF9MIccSVj0kcvkPbGf9lDtZ8WDzQ4ftdlZRFCeNpa47JI12IgwAb46SKy4U+dl/S4EHPPU6ADv3O2EMGviv86X8mw+IfPdfbbsavw/Aa6fxONRmi4GzhaPi6zpy2feleAyOg482bvETRvxi6gV4UNdfMrvZYiYcWd4HTTTwuPCUu/aEN2WbBXbByfjDlKb8p/8r8r1/k+KMl4s8F/P/zmurR1fvtT8R+drnpMQ1lo5Q+RR7skyqG44Ley2/+xUpHrxX5A8+gZMhVgo3FejofKEs9v2OdfDclKhxw4tiY/NPDt3tOBR89riZd1QGnnXxXni9EKcBXfhtKe68GQaEKSXewrvFM+aOqpe8XTf8XOQf/wInok9hRfBuu5mrI0RONIlpDGg6Qt5/J/agXiYFXjEueKnrqIEj3o/+Hc4FJvJNbbgeq4gF5kaTdbqZ2tZMaGmckuC7ZLrqeOl3RfjDvF9HtVPPGvs1wIRWahqFcZaDd/3Lf54n5U9+iE20uF7tmz2NJxzUh6/Kvu9OKf/sf0rx0X+ym8rtKtLZ2fTYN8bZx4vy5cvPxauev9der05+FA3wc0v8cQn50GOleN6LRY591uanKKOI2a5A3DSNr9WU3/83fDTxan03ir63kiPCTAlcTDnqJCk+/iWsUOLmch7wDevyvVh55KxkiocwONif4zQtGEN1CJtBGss1NIPSXNHij28swkckyqsvt3toBy/H68LOETnxubg5iu0523vgw6u332irgj/9ESzkIZti8T7UzHr3u2mai1FwJPnsx0V+9yN17eN2jPCe2xQ7FyuB19M+3CWN4lEZKtchj1p2wpg0wHtpcabkzVQ4WvmLS/AufdzUXLafFMtPFjnhOSK8SYqPPmwXge24C9eal/9QSl57Yuqly+x0qvxLmtMz29qyCrHBWxc+TsAN6WefXdHjKzrqYNNR77K4t0uaw0/JUIG7rh0Hq3plHCmuUIWzbcB56qZrpbwO1ypf+7wtiizdR4rDj8cU5gSR/Q/Dm2d3G4fwSSTlKMVVuBt/gYWCn0jJhRzeFOZ3AXSkxn2r+KjddBjnuJuOCRi/ePOZP5UC3/NOix744qmOXlPfBr6M44EuOfLG9XLVUZhoyw4wtxl3r0wsA1cge/nDWZ8X148/AqPFB+KuxOjWDYPVEe4AETodl5b3Oxjp/eCIe8CYJ3ECwZ0UrAtX3e66VUq8klxHKMa80c7rKb7ijD8u7GyvgSeGh3GSOP+zIr/xXm1FyZFY78dNeaOewSbIB/W6q/WS5d+HQbxgyquwUxUIh+O1AJ+wxQf41AG5UjkbzytxiZlOxm09SBfzdjHYwsV4rwT2SfKZJjotL9TJEwsMIY+7KOhEvEHORQl8ybPEC4E0vfoxXENhmsQb6fj8kpbNXSyUQ4diekcKHJnhUMUXce3IDx2+/UWm86lv5x3F8MajuMgBRytvhKd1HGxSDQ0abkDdParyqiQ6HB3g4QfQETAObEzVD6HTiWgUvN7jzgj+1LkI43kRDstRkk5Gh+UzT3ywMH6kCRnk0z2AbStsrAVE7FCBo1V/v8hfvh86gW445dUZxZS38pHi+3f0Q/Pox0Ku1NsFU16HToHmQHQijCa1kFm+OhKcZxiGM1qgI3F1j36XQi2ToDt8gmrrxYO2P7/YTjDT41w8991AXauDyVDjWmkM4xQo7b1Mmk6Ydg3AWdRftuA0mU/ueEPTODqBeojnyKbpUZVGKT9ljXHqRCjW34PjA0x2QkcDHQ1sswbwprYmbsz5CMa5Yuvco7BOW+6/zaI7Ajoa6GjgZpl36B24+119vgjT+B929NLRQEcD266BUoqriq99DSsscQ3G1ODw97Bj/BNI9TLbCR0NdDSwdRrA9deFwVm7am694MjLsGy7IpCduKOBjgbGrYHVxVBxRPHjGx4lpy1yuIyiVf5o3OI6DB0NdDRQaaCUi8O5CLRl+kC3GudLo/wjZDvTxNBJJ+5oYBwawJTwWzl5bYpIROvsI7BtqrOrI1dSJ93RwBg1cF/RN3xU8e1bsSfNQm2KSBA87jzHdaKOBjoaGIcGsMntS7lzkXWEg0lz4Otws+vHIbdD2tFARwNSbGi0yhGD04gpIjVVPv/wX8cLST/X0VpHAx0NjFUD5eeK/7757e3U9UWOwK5vfVVmNd+N7CEB6sQdDXQ0sEkNDEhT8JrokWHkFBE0xeW8SCs+NpK8A+looKOBERooy78tfniz7p5vx/3/9s4vpKkojuO/s82hTklJsn+P4hYjUkKd+qBoEFTQSwZFTz0UvkQvvUSvUQS9BUFQ4UMUBPnWQ1GttExF60WbSxJEIyOlomZrutP3N73jInNubsu5/Q4c7jln5557zmf73d/ZOff+fjEFLFLJHnwAIYs8EbzyJMkLASEQJTBHYcu1aG5FIuZ/MKOObnfX4cWWt8ivLohGZTkKgXwkoNVZ9WIENgpih7iCo56NDEKLxZxbxm5OSoVAXhF4TT8L78YbcVwNxifqZmcp2a0DSLniNSSfCYE8I/CDFqlOvfrwMd641xQwPlm3OmEHy9KDZGG8xuQzIZA3BLQ+o1761tzKijtFNGAp7xiM52letpcgBIQAUVciwsWgEtJgBlHdsuc20qeNvByFQB4S6KXi0AG2ApDI2BPSYNGGvlk68SDw45wz9RUdoCSEwCoE2JCOpnFSBScSFS5uKSkNxifo1poyCgfZG0sj5yUIgTwh8BmbVQeVN/aG8moMkhYwbki3Ve+ikBVezahhtYalXAjkDAFNM2QLH1lai0huVMlNEZfbVs/901i6PwqVySuLEoRALhOYhOnrdQkXQ1mXBjNo6nrXVrJTF/IwAC5BCOQcgVH4d+5QPSOj6x3ZujSYcTE14Jsl23Z4Clc3Iwsf/EdQghDY7ASWFjSekM3anopwMYaUNJiZo25ynoOzgSsoKzaXS1oIbEICN2in77x6iGc1UgxpEzDuh26sroczA37wcV+K/ZLThcBGEJjGTOyC6vPdT9fFU5oiruyE6vMPUNDRhPLriClL/8r2JS8EMkZAUTfcQHnSKVzc17RqMPPgtcfZjCnjZZS1mMslLQSyioAiP/pzUb3x8bZT2kPGBIx7qjvwIvWU6zjU7iVk4RFcghDIGgJfoV+uUih4Rw19gmvQzISMCpjRZd3qLqH5xZMQuU5otRqjXI5CYAMITOJ3eAveRLtU//hUpq//XwTMGIR2u+3kCB3GxPQU7h6HUC6vvxhw5JhpAl5S+h5e7++ObC9l+mrL7f9XATOPSTdUYcpoOQbzcG0o90DoxFy3GZCkUyeg1Ts8P+jFkxiPVL+/N/UGk29hwwTM3FW9v9oFK/nt0Goe/F/jKSSbi7Ob60haCKxBgLeHJ6Cl3pO2DEGontKgfwg/cDi33riQFQJmHn5kYWTCWUVWXQvtVgvNthdCtwN1KhC3IJaa60s67wgEMGIsSug53JC/4Dfig8OSYQqHh8k2P6b6puaziUjWCVgsOLg1KXK7HVQSLINDmEpaDG/DhnYl6laQCpcDcjlqlMAClgNVi1FeZIo89WTn7mxklaMVkff/0roHiPYkxCfAmoQj749yXEAMQVD+4juDUKgAvr8/KAvgu/yN+As31u/4HJFm8R3PQCvNUIEVx4U5KtodUF4vt5HV4R+y1B0iVHl1YAAAAABJRU5ErkJggg=="
-        />
-      </defs>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx
deleted file mode 100644
index 9cf799c2..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useMemo } from 'react';
-import { CustomIconProps } from '../CustomIcon';
-import { cloneIcon } from 'utils/cloneIcon';
-import { PWAIcon } from './PWAIcon';
-import { WebAppIcon } from './WebAppIcon';
-
-const TEMPLATE_ICONS = ['pwa', 'web'] as const;
-export type TemplateIconType = (typeof TEMPLATE_ICONS)[number];
-
-export interface TemplateIconProps extends CustomIconProps {
-  type: TemplateIconType;
-}
-
-export const TemplateIcon = ({ type, ...props }: TemplateIconProps) => {
-  const renderIcon = useMemo(() => {
-    switch (type) {
-      case 'pwa':
-        return <PWAIcon />;
-      case 'web':
-        return <WebAppIcon />;
-      default:
-        throw new Error(`Invalid template icon type: ${type}`);
-    }
-  }, [type]);
-
-  return cloneIcon(renderIcon, props) as JSX.Element;
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/WebAppIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/WebAppIcon.tsx
deleted file mode 100644
index 2a1c7eb9..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/templates/WebAppIcon.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { CustomIcon, CustomIconProps } from '../CustomIcon';
-
-export const WebAppIcon = (props: CustomIconProps) => {
-  return (
-    <CustomIcon
-      width="41"
-      height="40"
-      viewBox="0 0 41 40"
-      fill="none"
-      {...props}
-    >
-      <g filter="url(#filter0_ii_417_1126)">
-        <rect x="0.666504" width="40" height="40" rx="8" fill="#F63184" />
-        <rect
-          x="1.07722"
-          y="0.410714"
-          width="39.1786"
-          height="39.1786"
-          rx="7.58929"
-          stroke="#082F56"
-          strokeOpacity="0.1"
-          strokeWidth="0.821429"
-        />
-        <path
-          d="M20.6667 27.9167C25.0389 27.9167 28.5833 24.3723 28.5833 20C28.5833 15.6278 25.0389 12.0833 20.6667 12.0833M20.6667 27.9167C16.2944 27.9167 12.75 24.3723 12.75 20C12.75 15.6278 16.2944 12.0833 20.6667 12.0833M20.6667 27.9167C18.8257 27.9167 17.3333 24.3723 17.3333 20C17.3333 15.6278 18.8257 12.0833 20.6667 12.0833M20.6667 27.9167C22.5076 27.9167 24 24.3723 24 20C24 15.6278 22.5076 12.0833 20.6667 12.0833M28.1667 20H13.1667"
-          stroke="white"
-          strokeLinecap="square"
-        />
-      </g>
-      <defs>
-        <filter
-          id="filter0_ii_417_1126"
-          x="0.666504"
-          y="0"
-          width="40"
-          height="40"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="BackgroundImageFix"
-            result="shape"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dy="-2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="shape"
-            result="effect1_innerShadow_417_1126"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset />
-          <feGaussianBlur stdDeviation="2" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="effect1_innerShadow_417_1126"
-            result="effect2_innerShadow_417_1126"
-          />
-        </filter>
-      </defs>
-    </CustomIcon>
-  );
-};
diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/index.ts b/packages/frontend/src/components/shared/CustomIcon/templates/index.ts
deleted file mode 100644
index e2879355..00000000
--- a/packages/frontend/src/components/shared/CustomIcon/templates/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './TemplateIcon';
diff --git a/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx b/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx
index 804c3cc2..f4c7bd9a 100644
--- a/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx
+++ b/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx
@@ -2,11 +2,8 @@ import { useCallback, useMemo, useState } from 'react';
 import { Input, InputProps } from 'components/shared/Input';
 import * as Popover from '@radix-ui/react-popover';
 import { datePickerTheme } from './DatePicker.theme';
-import { Calendar, CalendarProps } from 'components/shared/Calendar';
-import {
-  CalendarIcon,
-  ChevronGrabberHorizontal,
-} from 'components/shared/CustomIcon';
+import { Calendar as CalendarComponent, CalendarProps } from 'components/shared/Calendar';
+import { Calendar, GripHorizontal } from 'lucide-react';
 import { format } from 'date-fns';
 import { Value } from 'types/vendor';
 
@@ -89,8 +86,8 @@ export const DatePicker = ({
       <Popover.Trigger className="w-full">
         <Input
           {...props}
-          leftIcon={<CalendarIcon onClick={() => setOpen(true)} />}
-          rightIcon={<ChevronGrabberHorizontal />}
+          leftIcon={<Calendar onClick={() => setOpen(true)} />}
+          rightIcon={<GripHorizontal />}
           readOnly
           placeholder="Select a date..."
           value={renderValue}
@@ -103,7 +100,7 @@ export const DatePicker = ({
           className="z-10"
           onInteractOutside={() => setOpen(false)}
         >
-          <Calendar
+          <CalendarComponent
             {...calendarProps}
             selectRange={selectRange}
             value={value}
diff --git a/packages/frontend/src/components/shared/InlineNotification/InlineNotification.tsx b/packages/frontend/src/components/shared/InlineNotification/InlineNotification.tsx
index f331d342..de70429c 100644
--- a/packages/frontend/src/components/shared/InlineNotification/InlineNotification.tsx
+++ b/packages/frontend/src/components/shared/InlineNotification/InlineNotification.tsx
@@ -4,7 +4,7 @@ import {
   InlineNotificationTheme,
   inlineNotificationTheme,
 } from './InlineNotification.theme';
-import { InfoSquareIcon } from 'components/shared/CustomIcon';
+import { Info } from 'lucide-react';
 import { cloneIcon } from 'utils/cloneIcon';
 
 export interface InlineNotificationProps
@@ -20,7 +20,7 @@ export interface InlineNotificationProps
   description?: string;
   /**
    * The icon to display in the notification
-   * @default <InfoSquareIcon />
+   * @default <Info />
    */
   icon?: ReactNode;
 }
@@ -53,7 +53,7 @@ export const InlineNotification = ({
   // Render custom icon or default icon
   const renderIcon = useCallback(() => {
     if (!icon)
-      return <InfoSquareIcon className={`${iconClass()} flex-shrink-0`} />;
+      return <Info className={`${iconClass()} flex-shrink-0`} />;
     return cloneIcon(icon, { className: iconClass() });
   }, [icon]);
 
diff --git a/packages/frontend/src/components/shared/Input/Input.tsx b/packages/frontend/src/components/shared/Input/Input.tsx
index 0c1841a3..6eb1f5ba 100644
--- a/packages/frontend/src/components/shared/Input/Input.tsx
+++ b/packages/frontend/src/components/shared/Input/Input.tsx
@@ -5,7 +5,7 @@ import {
   ComponentPropsWithoutRef,
 } from 'react';
 
-import { WarningIcon } from 'components/shared/CustomIcon';
+import { AlertTriangle } from 'lucide-react';
 import { cloneIcon } from 'utils/cloneIcon';
 import { cn } from 'utils/classnames';
 
@@ -88,7 +88,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
       return (
         <div className={helperTextCls()}>
           {state &&
-            cloneIcon(<WarningIcon className={helperIconCls()} />, {
+            cloneIcon(<AlertTriangle className={helperIconCls()} />, {
               'aria-hidden': true,
             })}
           <p>{helperText}</p>
diff --git a/packages/frontend/src/components/shared/CustomIcon/LaconicIcon.tsx b/packages/frontend/src/components/shared/LaconicIcon.tsx
similarity index 85%
rename from packages/frontend/src/components/shared/CustomIcon/LaconicIcon.tsx
rename to packages/frontend/src/components/shared/LaconicIcon.tsx
index c87b62f2..91af0baa 100644
--- a/packages/frontend/src/components/shared/CustomIcon/LaconicIcon.tsx
+++ b/packages/frontend/src/components/shared/LaconicIcon.tsx
@@ -1,8 +1,8 @@
-import { CustomIcon, CustomIconProps } from './CustomIcon';
+import { Snowflake } from 'lucide-react';
 
-export const LaconicIcon: React.FC<CustomIconProps> = (props) => {
+export const LaconicIcon: React.FC = (props) => {
   return (
-    <CustomIcon
+    <Snowflake
       width="48"
       height="48"
       viewBox="0 0 48 48"
@@ -16,6 +16,6 @@ export const LaconicIcon: React.FC<CustomIconProps> = (props) => {
         d="M16.0494 24.6233C18.8425 21.8302 20.5713 17.973 20.5706 13.7142C20.5717 13.1361 20.5396 12.5645 20.4762 12L12 12.0008L12.0003 28.2867C11.9996 30.2608 12.7522 32.2356 14.2578 33.7411C15.7633 35.2466 17.7395 36.0001 19.7139 35.9991L19.7134 35.9996L36 36L35.9995 27.5227C35.4362 27.4605 34.8645 27.4285 34.2852 27.4284C30.0275 27.4289 26.1701 29.1577 23.377 31.9507C21.3446 33.9321 18.0858 33.9325 16.0785 31.9252C14.0722 29.9191 14.0715 26.6593 16.0494 24.6233ZM34.2419 13.7624C31.9012 11.4217 28.0982 11.4208 25.7566 13.7624C23.4151 16.1038 23.4159 19.9067 25.7566 22.2473C28.0986 24.5892 31.9004 24.5889 34.2419 22.2473C36.5835 19.9059 36.5839 16.1042 34.2419 13.7624Z"
         fill="#FBFBFB"
       />
-    </CustomIcon>
+    </Snowflake>
   );
 };
diff --git a/packages/frontend/src/components/shared/Modal/ModalContent/ModalContent.tsx b/packages/frontend/src/components/shared/Modal/ModalContent/ModalContent.tsx
index ec6388e2..0588df1c 100644
--- a/packages/frontend/src/components/shared/Modal/ModalContent/ModalContent.tsx
+++ b/packages/frontend/src/components/shared/Modal/ModalContent/ModalContent.tsx
@@ -4,7 +4,7 @@ import { Ref, forwardRef, type PropsWithChildren } from 'react';
 import { useModal } from 'components/shared/Modal/ModalProvider';
 import { modalTheme } from 'components/shared/Modal/Modal.theme';
 import { Button } from 'components/shared/Button';
-import { CrossIcon } from 'components/shared/CustomIcon';
+import { X } from 'lucide-react';
 
 type PointerDownOutsideEvent = CustomEvent<{
   originalEvent: PointerEvent;
@@ -46,7 +46,7 @@ const ModalContent = forwardRef(
                   iconOnly
                   variant="tertiary"
                 >
-                  <CrossIcon />
+                  <X />
                 </Button>
               </Close>
             )}
diff --git a/packages/frontend/src/components/shared/Select/Select.tsx b/packages/frontend/src/components/shared/Select/Select.tsx
index c84a44a3..f29a4b8e 100644
--- a/packages/frontend/src/components/shared/Select/Select.tsx
+++ b/packages/frontend/src/components/shared/Select/Select.tsx
@@ -10,10 +10,9 @@ import {
 import { useMultipleSelection, useCombobox } from 'downshift';
 import { SelectTheme, selectTheme } from './Select.theme';
 import {
-  ChevronGrabberHorizontal,
-  CrossCircleIcon,
-  WarningIcon,
-} from 'components/shared/CustomIcon';
+  ChevronDown,
+  X,
+} from 'lucide-react';
 import { cloneIcon } from 'utils/cloneIcon';
 import { cn } from 'utils/classnames';
 import { SelectItem, EmptySelectItem } from './SelectItem';
@@ -293,7 +292,7 @@ export const Select = ({
     return (
       <div className={theme.iconContainer({ class: 'pr-4 right-0' })}>
         {clearable && (selectedItems.length > 0 || selectedItem) && (
-          <CrossCircleIcon
+          <X
             className={theme.icon({ class: 'h-4 w-4' })}
             onClick={handleClear}
           />
@@ -301,7 +300,7 @@ export const Select = ({
         {rightIcon ? (
           cloneIcon(rightIcon, { className: theme.icon(), 'aria-hidden': true })
         ) : (
-          <ChevronGrabberHorizontal className={theme.icon()} />
+          <ChevronDown className={theme.icon()} />
         )}
       </div>
     );
@@ -312,7 +311,7 @@ export const Select = ({
     return (
       <div className={theme.helperText()}>
         {error &&
-          cloneIcon(<WarningIcon className={theme.helperIcon()} />, {
+          cloneIcon(<X className={theme.helperIcon()} />, {
             'aria-hidden': true,
           })}
         <p>{helperText}</p>
diff --git a/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx b/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx
index e94cc32f..3ab2e3e8 100644
--- a/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx
+++ b/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx
@@ -4,7 +4,7 @@ import { SelectOption, SelectOrientation } from 'components/shared/Select';
 import { selectItemTheme, SelectItemTheme } from './SelectItem.theme';
 import { cloneIcon } from 'utils/cloneIcon';
 import { cn } from 'utils/classnames';
-import { CheckRadioIcon } from 'components/shared/CustomIcon';
+import { Check } from 'lucide-react';
 import { OmitCommon } from 'types/common';
 
 /**
@@ -42,7 +42,7 @@ const SelectItem = forwardRef<HTMLLIElement, SelectItemProps>(
         return cloneIcon(rightIcon, { className: theme.icon() });
       } else if (selected) {
         return (
-          <CheckRadioIcon
+          <Check
             className={cn(theme.icon(), 'text-controls-primary')}
           />
         );
diff --git a/packages/frontend/src/components/shared/Select/SelectValue/SelectValue.tsx b/packages/frontend/src/components/shared/Select/SelectValue/SelectValue.tsx
index 72f1f58a..cb6cff89 100644
--- a/packages/frontend/src/components/shared/Select/SelectValue/SelectValue.tsx
+++ b/packages/frontend/src/components/shared/Select/SelectValue/SelectValue.tsx
@@ -7,7 +7,7 @@ import { SelectValueTheme, selectValueTheme } from './SelectValue.theme';
 import { OmitCommon } from 'types/common';
 import { SelectOption } from 'components/shared/Select';
 import { Button } from 'components/shared/Button';
-import { CrossIcon } from 'components/shared/CustomIcon';
+import { X } from 'lucide-react';
 
 type MergedComponentPropsWithoutRef = OmitCommon<
   ComponentPropsWithoutRef<'span'>,
@@ -48,7 +48,7 @@ const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(
           variant="unstyled"
           size="xs"
         >
-          <CrossIcon className={theme.icon()} />
+          <X className={theme.icon()} />
         </Button>
       </span>
     );
diff --git a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
index 490c8989..04f32e73 100644
--- a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
+++ b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
@@ -5,9 +5,9 @@ import { motion } from 'framer-motion';
 
 import { useGQLClient } from 'context/GQLClientContext';
 import {
-  LifeBuoyIcon,
-  QuestionMarkRoundIcon,
-} from 'components/shared/CustomIcon';
+  LifeBuoy,
+  HelpCircle,
+} from 'lucide-react';
 import { Tabs } from 'components/shared/Tabs';
 import { Logo } from 'components/Logo';
 import { Avatar } from 'components/shared/Avatar';
@@ -66,7 +66,7 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => {
           <Tabs defaultValue="Projects" orientation="vertical">
             {/* // TODO: use proper link buttons */}
             <Tabs.List>
-              <Tabs.Trigger icon={<QuestionMarkRoundIcon />} value="">
+              <Tabs.Trigger icon={<HelpCircle />} value="">
                 <a
                   className="cursor-pointer font-mono"
                   href={`${SHOPIFY_APP_URL}/pages/instruction-faq`}
@@ -74,7 +74,7 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => {
                   DOCUMENTATION
                 </a>
               </Tabs.Trigger>
-              <Tabs.Trigger icon={<LifeBuoyIcon />} value="">
+              <Tabs.Trigger icon={<LifeBuoy />} value="">
                 <a
                   className="cursor-pointer font-mono"
                   href="https://discord.com/invite/ukhbBemyxY"
diff --git a/packages/frontend/src/components/shared/Sidebar/constants.tsx b/packages/frontend/src/components/shared/Sidebar/constants.tsx
index 5d41d073..59b3897d 100644
--- a/packages/frontend/src/components/shared/Sidebar/constants.tsx
+++ b/packages/frontend/src/components/shared/Sidebar/constants.tsx
@@ -1,14 +1,17 @@
-import { FolderIcon, SettingsSlidersIcon } from 'components/shared/CustomIcon';
+import {
+  Folder,
+  Settings,
+} from 'lucide-react';
 
 export const SIDEBAR_MENU = (orgSlug?: string) => [
   {
     title: 'Projects',
     url: `/${orgSlug}/`,
-    icon: <FolderIcon />,
+    icon: <Folder />,
   },
   {
     title: 'Settings',
     url: `/${orgSlug}/settings`,
-    icon: <SettingsSlidersIcon />,
+    icon: <Settings />,
   },
 ];
diff --git a/packages/frontend/src/components/shared/Steps/Step/Step.tsx b/packages/frontend/src/components/shared/Steps/Step/Step.tsx
index 458a97d1..d251189d 100644
--- a/packages/frontend/src/components/shared/Steps/Step/Step.tsx
+++ b/packages/frontend/src/components/shared/Steps/Step/Step.tsx
@@ -1,9 +1,6 @@
 import { useCallback, ComponentPropsWithoutRef } from 'react';
 import { stepTheme, StepTheme } from './Step.theme';
-import {
-  CheckRoundFilledIcon,
-  ChevronRight,
-} from 'components/shared/CustomIcon';
+import { Check, ChevronRight as ChevronRightIcon } from 'lucide-react';
 
 export interface StepProps extends ComponentPropsWithoutRef<'li'>, StepTheme {
   /**
@@ -40,7 +37,7 @@ export const Step = ({
 
       return (
         <div aria-hidden className={theme.connector({ orientation })}>
-          {orientation === 'horizontal' && <ChevronRight size={12} />}
+          {orientation === 'horizontal' && <ChevronRightIcon size={12} />}
         </div>
       );
     },
@@ -54,7 +51,7 @@ export const Step = ({
         {
           <div className={theme.step({ active, completed })}>
             {completed ? (
-              <CheckRoundFilledIcon className="w-full h-full" />
+              <Check className="w-full h-full" />
             ) : (
               index
             )}
diff --git a/packages/frontend/src/components/shared/Toast/SimpleToast.tsx b/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
index 807eee14..c18277f8 100644
--- a/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
+++ b/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
@@ -4,12 +4,12 @@ import { ToastProps } from '@radix-ui/react-toast';
 import { motion } from 'framer-motion';
 import { simpleToastTheme, type SimpleToastTheme } from './SimpleToast.theme';
 import {
-  LoadingIcon,
-  CheckRoundFilledIcon,
-  CrossIcon,
-  InfoRoundFilledIcon,
-  WarningIcon,
-} from 'components/shared/CustomIcon';
+  Loader2,
+  CheckCircle,
+  X,
+  InfoIcon,
+  AlertTriangle,
+} from 'lucide-react';
 import { Button, type ButtonOrLinkProps } from 'components/shared/Button';
 import { cloneIcon } from 'utils/cloneIcon';
 
@@ -42,11 +42,11 @@ export const SimpleToast = ({
   } = simpleToastTheme({ variant });
 
   const Icon = useMemo(() => {
-    if (variant === 'success') return <CheckRoundFilledIcon />;
-    if (variant === 'error') return <WarningIcon />;
-    if (variant === 'warning') return <WarningIcon />;
-    if (variant === 'info') return <InfoRoundFilledIcon />;
-    return <LoadingIcon />; // variant === 'loading'
+    if (variant === 'success') return <CheckCircle />;
+    if (variant === 'error') return <AlertTriangle />;
+    if (variant === 'warning') return <AlertTriangle />;
+    if (variant === 'info') return <InfoIcon />;
+    return <Loader2 />; // variant === 'loading'
   }, [variant]);
 
   const renderCta = useMemo(() => {
@@ -65,7 +65,7 @@ export const SimpleToast = ({
   const renderCloseButton = useMemo(
     () => (
       <div onClick={() => onDismiss(id)} className={closeIconCls()}>
-        <CrossIcon className="h-3 w-3" />
+        <X className="h-3 w-3" />
       </div>
     ),
     [id],
diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx b/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx
index c4a95c10..8ae59f47 100644
--- a/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx
+++ b/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx
@@ -3,11 +3,7 @@ import { useNavigate } from 'react-router-dom';
 import { useSelect } from 'downshift';
 import { UserSelectTheme, userSelectTheme } from './UserSelect.theme';
 import { EmptyUserSelectItem, UserSelectItem } from './UserSelectItem';
-import {
-  BuildingIcon,
-  ChevronUpDown,
-  SettingsSlidersIcon,
-} from 'components/shared/CustomIcon';
+import { Search, ChevronsUpDown, Settings } from 'lucide-react';
 import { WavyBorder } from 'components/shared/WavyBorder';
 import { cn } from 'utils/classnames';
 
@@ -131,7 +127,7 @@ export const UserSelect = ({ options, value }: UserSelectProps) => {
         </div>
 
         <div className="h-4 w-4 text-slate-400">
-          <ChevronUpDown size={16} />
+          <ChevronsUpDown size={16} />
         </div>
       </div>
 
@@ -150,7 +146,7 @@ export const UserSelect = ({ options, value }: UserSelectProps) => {
           {/* Settings header */}
           <div className="flex justify-between h-8 items-center">
             <div className="flex gap-1 text-elements-mid-em">
-              <BuildingIcon size={16} />
+              <Search size={16} />
               <p className="text-xs font-medium">Other teams</p>
             </div>
             <div
@@ -158,7 +154,7 @@ export const UserSelect = ({ options, value }: UserSelectProps) => {
               onClick={handleManage}
             >
               <p className="text-xs font-medium">Manage</p>
-              <SettingsSlidersIcon size={16} />
+              <Settings size={16} />
             </div>
           </div>
 
diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
index c7859918..15780004 100644
--- a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
+++ b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
@@ -1,12 +1,12 @@
-import { forwardRef, ComponentPropsWithoutRef } from 'react';
+import { UserSelectOption } from 'components/shared/UserSelect';
 import { Overwrite, UseComboboxGetItemPropsReturnValue } from 'downshift';
+import { User } from 'lucide-react';
+import { ComponentPropsWithoutRef, forwardRef } from 'react';
+import { OmitCommon } from 'types/common';
 import {
   userSelectItemTheme,
   UserSelectItemTheme,
 } from './UserSelectItem.theme';
-import { CheckRadioIcon } from 'components/shared/CustomIcon';
-import { UserSelectOption } from 'components/shared/UserSelect';
-import { OmitCommon } from 'types/common';
 
 /**
  * Represents a type that merges ComponentPropsWithoutRef<'li'> with certain exclusions.
@@ -32,7 +32,8 @@ const UserSelectItem = forwardRef<HTMLLIElement, UserSelectItemProps>(
   ({ className, selected, hovered, option, ...props }, ref) => {
     const theme = userSelectItemTheme();
 
-    const { value, label, imgSrc = './logo.svg' } = option;
+    // const { value, label, imgSrc = './logo.svg' } = option;
+    const { label } = option;
 
     return (
       <li
@@ -41,10 +42,10 @@ const UserSelectItem = forwardRef<HTMLLIElement, UserSelectItemProps>(
         className={theme.wrapper({ className, active: selected || hovered })}
       >
         <div className={theme.content()}>
-          <img src={imgSrc} alt={`${value}-logo`} className={theme.img()} />
+          <User className={theme.img()} />
           <p className={theme.label()}>{label}</p>
         </div>
-        {selected && <CheckRadioIcon className={theme.selectedIcon()} />}
+        {selected && <User className={theme.selectedIcon()} />}
       </li>
     );
   },
diff --git a/packages/frontend/src/layouts/ProjectSearch.tsx b/packages/frontend/src/layouts/ProjectSearch.tsx
index 15cec822..8e3a1f06 100644
--- a/packages/frontend/src/layouts/ProjectSearch.tsx
+++ b/packages/frontend/src/layouts/ProjectSearch.tsx
@@ -5,7 +5,7 @@ import { Outlet, useNavigate } from 'react-router-dom';
 import HorizontalLine from 'components/HorizontalLine';
 import { ProjectSearchBar } from 'components/projects/ProjectSearchBar';
 import { Button } from 'components/shared/Button';
-import { NotificationBellIcon, PlusIcon } from 'components/shared/CustomIcon';
+import { Plus, Bell } from 'lucide-react';
 import { useGQLClient } from 'context/GQLClientContext';
 import { formatAddress } from 'utils/format';
 
@@ -55,10 +55,10 @@ const ProjectSearch = () => {
                 });
               }}
             >
-              <PlusIcon />
+              <Plus />
             </Button>
             <Button variant="ghost" iconOnly>
-              <NotificationBellIcon />
+              <Bell />
             </Button>
             {user?.name && (
               <p className="text-sm tracking-[-0.006em] text-elements-high-em">
diff --git a/packages/frontend/src/pages/auth/Done.tsx b/packages/frontend/src/pages/auth/Done.tsx
index a60b91fe..72646cb3 100644
--- a/packages/frontend/src/pages/auth/Done.tsx
+++ b/packages/frontend/src/pages/auth/Done.tsx
@@ -1,8 +1,5 @@
 import { Button } from 'components/shared/Button';
-import {
-  ArrowRightCircleFilledIcon,
-  CheckRoundFilledIcon,
-} from 'components/shared/CustomIcon';
+import { CheckCircle, ArrowRight } from 'lucide-react';
 import { WavyBorder } from 'components/shared/WavyBorder';
 
 type Props = {
@@ -13,7 +10,7 @@ export const Done = ({ continueTo }: Props) => {
     <div className="dark: bg-background">
       <div className="self-stretch p-3 xs:p-6 flex-col justify-center items-center gap-5 flex">
         <div className="w-16 h-16 p-2 dark:bg-overlay bg-sky-100 rounded-[800px] justify-center items-center gap-2 inline-flex">
-          <CheckRoundFilledIcon />
+          <CheckCircle />
         </div>
         <div>
           <div className="self-stretch text-center dark:text-foreground text-sky-950 text-2xl font-medium font-display leading-loose">
@@ -28,7 +25,7 @@ export const Done = ({ continueTo }: Props) => {
       <div className="p-6 self-stretch flex flex-col gap-8">
         <Button
           as="a"
-          rightIcon={<ArrowRightCircleFilledIcon />}
+          rightIcon={<ArrowRight />}
           className="self-stretch"
           href={continueTo}
           variant={'primary'}
diff --git a/packages/frontend/src/pages/components/renders/button.tsx b/packages/frontend/src/pages/components/renders/button.tsx
index 0aad9e47..153d0dd6 100644
--- a/packages/frontend/src/pages/components/renders/button.tsx
+++ b/packages/frontend/src/pages/components/renders/button.tsx
@@ -1,5 +1,5 @@
 import { Button, ButtonTheme } from 'components/shared/Button';
-import { PlusIcon } from 'components/shared/CustomIcon';
+import { Rocket } from 'lucide-react';
 
 const buttonVariants = ['primary', 'secondary', 'tertiary', 'danger'] as const;
 const buttonSizes = ['lg', 'md', 'sm', 'xs'] as const;
@@ -18,8 +18,8 @@ export const renderButtons = () => {
     <div className="flex gap-5 flex-wrap" key={index}>
       {buttonSizes.map((size) => (
         <Button
-          leftIcon={<PlusIcon />}
-          rightIcon={<PlusIcon />}
+          leftIcon={<Rocket />}
+          rightIcon={<Rocket />}
           variant={variant as ButtonTheme['variant']}
           size={size as ButtonTheme['size']}
           key={`${variant}-${size}`}
@@ -41,7 +41,7 @@ export const renderButtonIcons = () => {
           size={size as ButtonTheme['size']}
           key={`${variant}-${size}`}
         >
-          <PlusIcon />
+          <Rocket />
         </Button>
       ))}
     </div>
@@ -53,8 +53,8 @@ export const renderLinks = () => {
     <Button
       variant={variant}
       key={variant}
-      leftIcon={<PlusIcon />}
-      rightIcon={<PlusIcon />}
+      leftIcon={<Rocket />}
+      rightIcon={<Rocket />}
     >
       Link
     </Button>
@@ -65,19 +65,19 @@ export const renderDisabledButtons = () => {
   return (
     <>
       {/* Button variants */}
-      <Button leftIcon={<PlusIcon />} rightIcon={<PlusIcon />} disabled>
+      <Button leftIcon={<Rocket />} rightIcon={<Rocket />} disabled>
         Button
       </Button>
       {/* Icon only variants */}
       <Button iconOnly disabled>
-        <PlusIcon />
+        <Rocket />
       </Button>
       {/* Link variantws */}
       <Button
         variant="link"
         disabled
-        leftIcon={<PlusIcon />}
-        rightIcon={<PlusIcon />}
+        leftIcon={<Rocket />}
+        rightIcon={<Rocket />}
       >
         Link
       </Button>
diff --git a/packages/frontend/src/pages/components/renders/dropdown.tsx b/packages/frontend/src/pages/components/renders/dropdown.tsx
index 4da4a0bc..ef7d60db 100644
--- a/packages/frontend/src/pages/components/renders/dropdown.tsx
+++ b/packages/frontend/src/pages/components/renders/dropdown.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { PencilIcon } from 'components/shared/CustomIcon';
+import { Pencil } from 'lucide-react';
 import { SelectOption, Select } from 'components/shared/Select';
 
 export const DROPDOWN_ITEMS: SelectOption[] = [
@@ -7,26 +7,26 @@ export const DROPDOWN_ITEMS: SelectOption[] = [
     value: 'apple',
     label: 'Apple',
     description: 'Apple is fruit',
-    leftIcon: <PencilIcon />,
+    leftIcon: <Pencil />,
   },
   {
     value: 'banana',
     label: 'Banana',
     description: 'Banana is fruit',
-    leftIcon: <PencilIcon />,
+    leftIcon: <Pencil />,
   },
   {
     value: 'orange',
     label: 'Orange',
     description: 'Orange is fruit',
-    leftIcon: <PencilIcon />,
+    leftIcon: <Pencil />,
   },
   {
     value: 'watermelon',
     label: 'Watermelon',
     description: 'Watermelon is fruit',
     disabled: true,
-    leftIcon: <PencilIcon />,
+    leftIcon: <Pencil />,
   },
 ];
 
diff --git a/packages/frontend/src/pages/components/renders/input.tsx b/packages/frontend/src/pages/components/renders/input.tsx
index dcb31d76..4cf4665c 100644
--- a/packages/frontend/src/pages/components/renders/input.tsx
+++ b/packages/frontend/src/pages/components/renders/input.tsx
@@ -1,5 +1,5 @@
 import { Input } from 'components/shared/Input';
-import { SearchIcon, CrossIcon } from 'components/shared/CustomIcon';
+import { Search, X } from 'lucide-react';
 
 export const renderInputs = () => {
   return (
@@ -8,8 +8,8 @@ export const renderInputs = () => {
         <Input
           label="Label"
           description="Additional information or context"
-          leftIcon={<SearchIcon />}
-          rightIcon={<CrossIcon />}
+          leftIcon={<Search />}
+          rightIcon={<X />}
           placeholder="Placeholder text"
         />
         <Input
@@ -29,8 +29,8 @@ export const renderInputs = () => {
       <div className="flex w-full gap-10">
         <Input
           label="Label"
-          leftIcon={<SearchIcon />}
-          rightIcon={<CrossIcon />}
+          leftIcon={<Search />}
+          rightIcon={<X />}
           description="Additional information or context"
           placeholder="Placeholder text"
           size="sm"
diff --git a/packages/frontend/src/pages/components/renders/tabs.tsx b/packages/frontend/src/pages/components/renders/tabs.tsx
index a5c218fa..0b221543 100644
--- a/packages/frontend/src/pages/components/renders/tabs.tsx
+++ b/packages/frontend/src/pages/components/renders/tabs.tsx
@@ -1,6 +1,6 @@
 import { Tabs } from 'components/shared/Tabs';
 import { Badge } from 'components/shared/Badge';
-import { GlobeIcon } from 'components/shared/CustomIcon';
+import { Globe } from 'lucide-react';
 
 const tabs = Array.from({ length: 8 });
 
@@ -43,7 +43,7 @@ export const renderVerticalTabs = () => {
         {tabs.slice(0, 4).map((_, index) => (
           <Tabs.Trigger
             key={index}
-            icon={<GlobeIcon />}
+            icon={<Globe />}
             value={index.toString()}
           >
             Tab item {index}
diff --git a/packages/frontend/src/pages/components/renders/tag.tsx b/packages/frontend/src/pages/components/renders/tag.tsx
index e1a8a405..84be9276 100644
--- a/packages/frontend/src/pages/components/renders/tag.tsx
+++ b/packages/frontend/src/pages/components/renders/tag.tsx
@@ -1,5 +1,5 @@
 import { Tag } from 'components/shared/Tag';
-import { PlusIcon } from 'components/shared/CustomIcon';
+import { Plus } from 'lucide-react';
 
 export const renderDefaultTag = () =>
   (['default'] as const).map((style) => (
@@ -9,8 +9,8 @@ export const renderDefaultTag = () =>
       ).map((type) => (
         <div key={type} className="flex flex-col gap-4">
           <Tag
-            leftIcon={<PlusIcon />}
-            rightIcon={<PlusIcon />}
+            leftIcon={<Plus />}
+            rightIcon={<Plus />}
             style={style}
             type={type}
             size="sm"
@@ -18,8 +18,8 @@ export const renderDefaultTag = () =>
             Label
           </Tag>
           <Tag
-            leftIcon={<PlusIcon />}
-            rightIcon={<PlusIcon />}
+            leftIcon={<Plus />}
+            rightIcon={<Plus />}
             size="xs"
             style={style}
             type={type}
@@ -39,8 +39,8 @@ export const renderMinimalTag = () =>
       ).map((type) => (
         <div key={type} className="flex flex-col gap-4">
           <Tag
-            leftIcon={<PlusIcon />}
-            rightIcon={<PlusIcon />}
+            leftIcon={<Plus />}
+            rightIcon={<Plus />}
             style={style}
             type={type}
             size="sm"
@@ -48,8 +48,8 @@ export const renderMinimalTag = () =>
             Label
           </Tag>
           <Tag
-            leftIcon={<PlusIcon />}
-            rightIcon={<PlusIcon />}
+            leftIcon={<Plus />}
+            rightIcon={<Plus />}
             size="xs"
             style={style}
             type={type}
diff --git a/packages/frontend/src/pages/org-slug/projects/Id.tsx b/packages/frontend/src/pages/org-slug/projects/Id.tsx
index 5be22916..14da7cb3 100644
--- a/packages/frontend/src/pages/org-slug/projects/Id.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/Id.tsx
@@ -12,7 +12,7 @@ import { useMediaQuery } from 'usehooks-ts';
 import { useGQLClient } from '../../../context/GQLClientContext';
 import { useOctokit } from '../../../context/OctokitContext';
 import { Button } from 'components/shared/Button';
-import { ChevronLeft } from 'components/shared/CustomIcon';
+import { ArrowLeft } from 'lucide-react';
 import { WavyBorder } from 'components/shared/WavyBorder';
 import { Heading } from 'components/shared/Heading';
 import { Tabs } from 'components/shared/Tabs';
@@ -75,7 +75,7 @@ const Id = () => {
                 iconOnly
                 className="rounded-full h-11 w-11 p-0 shrink-0"
                 aria-label="Go back"
-                leftIcon={<ChevronLeft />}
+                leftIcon={<ArrowLeft />}
                 onClick={() => navigate(-1)}
               />
               <Heading className="text-2xl font-medium truncate dark:text-foreground">
diff --git a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
index 78b7b4c1..4d2fa79e 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
@@ -6,15 +6,14 @@ import {
   useSearchParams,
 } from 'react-router-dom';
 
-import templates from '../../../../assets/templates';
-import {
-  LinkChainIcon,
-  TemplateIcon,
-  TemplateIconType,
-} from 'components/shared/CustomIcon';
 import { Heading } from 'components/shared/Heading';
 import { Steps } from 'components/shared/Steps';
+import {
+  GitBranch,
+  Github,
+} from 'lucide-react';
 import { useMediaQuery } from 'usehooks-ts';
+import templates from '../../../../assets/templates';
 
 // TODO: Set dynamic route for template and load details from DB
 const CreateWithTemplate = () => {
@@ -59,7 +58,7 @@ const CreateWithTemplate = () => {
     <div className="flex flex-col items-center gap-6 lg:gap-10 mx-auto w-full lg:w-5/6">
       <div className="flex flex-col lg:flex-row justify-between w-full my-4 bg-base-bg-alternate dark:bg-overlay rounded-xl p-6 gap-3 items-start lg:items-center">
         <div className="flex items-center gap-3">
-          <TemplateIcon type={template?.icon as TemplateIconType} size={48} />
+          <GitBranch size={48} />
           <Heading className="font-medium">{template?.name}</Heading>
         </div>
         <div>
@@ -69,7 +68,7 @@ const CreateWithTemplate = () => {
             rel="noreferrer"
             className="flex gap-1.5 items-center text-sm"
           >
-            <LinkChainIcon size={18} />
+            <Github size={18} />
             <span className="underline">
               {Boolean(template?.repoFullName)
                 ? template?.repoFullName
diff --git a/packages/frontend/src/pages/org-slug/projects/create/layout.tsx b/packages/frontend/src/pages/org-slug/projects/create/layout.tsx
index ab63c951..152439e5 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/layout.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/layout.tsx
@@ -7,7 +7,7 @@ import * as Dialog from '@radix-ui/react-dialog';
 import { Heading } from 'components/shared/Heading';
 import { WavyBorder } from 'components/shared/WavyBorder';
 import { Button } from 'components/shared/Button';
-import { CrossIcon } from 'components/shared/CustomIcon';
+import { ArrowLeft } from 'lucide-react';
 import { cn } from 'utils/classnames';
 
 export interface CreateProjectLayoutProps
@@ -49,7 +49,7 @@ export const CreateProjectLayout = ({
             <Button
               iconOnly
               variant="primary"
-              leftIcon={<CrossIcon />}
+              leftIcon={<ArrowLeft />}
               aria-label="close"
             />
           </Link>
@@ -76,7 +76,7 @@ export const CreateProjectLayout = ({
                   <Button
                     iconOnly
                     variant="tertiary"
-                    leftIcon={<CrossIcon />}
+                    leftIcon={<ArrowLeft />}
                     aria-label="close"
                     size="sm"
                   />
diff --git a/packages/frontend/src/pages/org-slug/projects/create/success/Id.tsx b/packages/frontend/src/pages/org-slug/projects/create/success/Id.tsx
index 83db2ffd..1049588f 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/success/Id.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/success/Id.tsx
@@ -3,10 +3,7 @@ import Lottie from 'lottie-react';
 
 import { Badge } from 'components/shared/Badge';
 import { Button } from 'components/shared/Button';
-import {
-  ArrowLeftCircleFilledIcon,
-  QuestionMarkRoundFilledIcon,
-} from 'components/shared/CustomIcon';
+import { ArrowLeft, HelpCircle } from 'lucide-react';
 import { Heading } from 'components/shared/Heading';
 
 import logoAnimation from 'components/../../public/lottie/logo.json';
@@ -59,7 +56,7 @@ const Id = () => {
             {/* Trigger question */}
             <div className="flex gap-2 justify-center items-center py-3">
               <div className="h-5 w-5">
-                <QuestionMarkRoundFilledIcon size={18} />
+                <HelpCircle size={18} />
               </div>
               <Heading as="h5" className="font-sans font-medium text-sm">
                 {`Wondering what's next?`}
@@ -97,7 +94,7 @@ const Id = () => {
             <div className="w-full lg:w-fit">
               <Link to="/">
                 <Button
-                  leftIcon={<ArrowLeftCircleFilledIcon />}
+                  leftIcon={<ArrowLeft />}
                   fullWidth
                   variant="tertiary"
                 >
diff --git a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
index f6d6afde..ff1d6a3d 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
@@ -10,10 +10,7 @@ import { Template } from '../../../../../types/types';
 import { Heading } from 'components/shared/Heading';
 import { Input } from 'components/shared/Input';
 import { Select, SelectOption } from 'components/shared/Select';
-import {
-  ArrowRightCircleFilledIcon,
-  LoadingIcon,
-} from 'components/shared/CustomIcon';
+import { ArrowLeft } from 'lucide-react';
 import { Button } from 'components/shared/Button';
 import { useToast } from 'components/shared/Toast';
 
@@ -205,9 +202,9 @@ const CreateRepo = () => {
             disabled={!Boolean(template.repoFullName) || isLoading}
             rightIcon={
               isLoading ? (
-                <LoadingIcon className="animate-spin" />
+                <ArrowLeft className="animate-spin" />
               ) : (
-                <ArrowRightCircleFilledIcon />
+                <ArrowLeft />
               )
             }
           >
diff --git a/packages/frontend/src/pages/org-slug/projects/id/Deployments.tsx b/packages/frontend/src/pages/org-slug/projects/id/Deployments.tsx
index ed0d152f..083689d6 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/Deployments.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/Deployments.tsx
@@ -10,7 +10,7 @@ import FilterForm, {
 import { OutletContextType } from '../../../../types';
 import { useGQLClient } from 'context/GQLClientContext';
 import { Button } from 'components/shared/Button';
-import { RefreshIcon } from 'components/shared/CustomIcon';
+import { Rocket } from 'lucide-react';
 
 const DEFAULT_FILTER_VALUE: FilterValue = {
   searchedBranch: '',
@@ -133,7 +133,7 @@ const DeploymentsTabPanel = () => {
             <Button
               variant="primary"
               shape="default"
-              leftIcon={<RefreshIcon />}
+              leftIcon={<Rocket />}
               onClick={handleResetFilters}
             >
               RESET FILTERS
diff --git a/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx b/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
index a38de81b..689fd43d 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
@@ -1,37 +1,33 @@
 import { RequestError } from 'octokit';
-import { useEffect, useState } from 'react';
+import { useEffect } from 'react';
 import {
-    Link,
-    useOutletContext,
+  Link,
+  useOutletContext,
 } from 'react-router-dom';
 
-import { Activity } from 'components/projects/project/overview/Activity';
 import { AuctionCard } from 'components/projects/project/overview/Activity/AuctionCard';
 import { OverviewInfo } from 'components/projects/project/overview/OverviewInfo';
 import {
-    Avatar,
-    AvatarFallback,
-    AvatarImage,
-    Heading,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Heading,
 } from 'components/shared';
 import {
-    BranchStrokeIcon,
-    CalendarDaysIcon,
-    CursorBoxIcon,
-    GithubStrokeIcon,
-    LinkIcon,
-} from 'components/shared/CustomIcon';
-import { useOctokit } from 'context/OctokitContext';
+  Activity,
+  Clock,
+  GitBranch,
+  Plus,
+} from 'lucide-react';
 import { getInitials } from 'utils/geInitials';
 import { relativeTimeMs } from 'utils/time';
-import { GitCommitWithBranch, OutletContextType } from '../../../../types';
+import { OutletContextType } from '../../../../types';
 
 // NOTE: Commented code for verify domain functionality
 // import { useGQLClient } from 'context/GQLClientContext';
 // import { Domain, DomainStatus } from 'gql-client';
 // import {
 //   CheckRoundFilledIcon,
-//   ClockIcon,
 //   GlobeIcon,
 // } from 'components/shared/CustomIcon';
 // import {
@@ -40,66 +36,64 @@ import { GitCommitWithBranch, OutletContextType } from '../../../../types';
 // } from 'components/shared';
 // import { useNavigate } from 'react-router-dom';
 
-const COMMITS_PER_PAGE = 4;
+// const COMMITS_PER_PAGE = 4;
 const PROJECT_UPDATE_WAIT_MS = 5000;
 
 const OverviewTabPanel = () => {
-  const { octokit } = useOctokit();
-  // const navigate = useNavigate();
-  const [activities, setActivities] = useState<GitCommitWithBranch[]>([]);
-  const [fetchingActivities, setFetchingActivities] = useState(true);
-  // const [liveDomain, setLiveDomain] = useState<Domain>();
+  // const { octokit } = useOctokit();
 
-  // const client = useGQLClient();
+  // This wil break builds. Temporarily comment out the set instances for now
+  // const [activities, setActivities] = useState<GitCommitWithBranch[]>([]);
+  // const [fetchingActivities, setFetchingActivities] = useState(true);
   const { project, onUpdate } = useOutletContext<OutletContextType>();
 
   useEffect(() => {
-    setFetchingActivities(true);
+    // setFetchingActivities(true);    
     // TODO: Save repo commits in DB and avoid using GitHub API in frontend
     // TODO: Figure out fetching latest commits for all branches
     const fetchRepoActivity = async () => {
       try {
-        const [owner, repo] = project.repository.split('/');
+        // const [owner, repo] = project.repository.split('/');
 
-        if (!repo) {
-          // Do not fetch branches if repo not available
-          return;
-        }
+        // if (!repo) {
+        //   // Do not fetch branches if repo not available
+        //   return;
+        // }
 
         // Get all branches in project repo
-        const result = await octokit.rest.repos.listBranches({
-          owner,
-          repo,
-        });
+        // const result = await octokit.rest.repos.listBranches({
+        //   owner,
+        //   repo,
+        // });
 
         // Get first 4 commits from repo branches
-        const commitsByBranchPromises = result.data.map(async (branch) => {
-          const result = await octokit.rest.repos.listCommits({
-            owner,
-            repo,
-            sha: branch.commit.sha,
-            per_page: COMMITS_PER_PAGE,
-          });
+        // const commitsByBranchPromises = result.data.map(async (branch) => {
+        //   const result = await octokit.rest.repos.listCommits({
+        //     owner,
+        //     repo,
+        //     sha: branch.commit.sha,
+        //     per_page: COMMITS_PER_PAGE,
+        //   });
 
-          return result.data.map((data) => ({
-            ...data,
-            branch,
-          }));
-        });
+        //   return result.data.map((data) => ({
+        //     ...data,
+        //     branch,
+        //   }));
+        // });
 
-        const commitsByBranch = await Promise.all(commitsByBranchPromises);
-        const commitsWithBranch = commitsByBranch.flat();
+        // const commitsByBranch = await Promise.all(commitsByBranchPromises);
+        // const commitsWithBranch = commitsByBranch.flat();
 
         // Order commits by date and set latest 4 commits in activity section
-        const orderedCommits = commitsWithBranch
-          .sort(
-            (a, b) =>
-              new Date(b.commit.author!.date!).getTime() -
-              new Date(a.commit.author!.date!).getTime(),
-          )
-          .slice(0, COMMITS_PER_PAGE);
+        // const orderedCommits = commitsWithBranch
+        //   .sort(
+        //     (a, b) =>
+        //       new Date(b.commit.author!.date!).getTime() -
+        //       new Date(a.commit.author!.date!).getTime(),
+        //   )
+        //   .slice(0, COMMITS_PER_PAGE);
 
-        setActivities(orderedCommits);
+        // setActivities(orderedCommits);
       } catch (err) {
         if (!(err instanceof RequestError)) {
           throw err;
@@ -108,7 +102,7 @@ const OverviewTabPanel = () => {
         // TODO: Show warning in activity section on request error
         console.log(err.message);
       } finally {
-        setFetchingActivities(false);
+        // setFetchingActivities(false);
       }
     };
 
@@ -124,23 +118,6 @@ const OverviewTabPanel = () => {
     return () => clearInterval(timerId);
   }, [onUpdate]);
 
-  // useEffect(() => {
-  //   const fetchLiveProdDomain = async () => {
-  //     const { domains } = await client.getDomains(project.id, {
-  //       branch: project.prodBranch,
-  //       status: DomainStatus.Live,
-  //     });
-
-  //     if (domains.length === 0) {
-  //       return;
-  //     }
-
-  //     setLiveDomain(domains[0]);
-  //   };
-
-  //   fetchLiveProdDomain();
-  // }, [project]);
-
   return (
     <div className="grid grid-cols-5 gap-6 md:gap-[72px]">
       <div className="col-span-5 md:col-span-3">
@@ -190,9 +167,9 @@ const OverviewTabPanel = () => {
         {project.deployments.length !== 0 ? (
           <>
             {/* SOURCE */}
-            <OverviewInfo label="Source" icon={<GithubStrokeIcon />}>
+            <OverviewInfo label="Source" icon={<GitBranch />}>
               <div className="flex gap-2 items-center">
-                <BranchStrokeIcon className="text-elements-low-em dark:text-foreground w-4 h-5" />
+                <GitBranch className="text-elements-low-em dark:text-foreground w-4 h-5" />
                 <span className="text-elements-high-em dark:text-foreground-secondary text-sm tracking-tighter">
                   {project.deployments[0]?.branch}
                 </span>
@@ -200,7 +177,7 @@ const OverviewTabPanel = () => {
             </OverviewInfo>
 
             {/* DEPLOYMENT */}
-            <OverviewInfo label="Deployment URL" icon={<CursorBoxIcon />}>
+            <OverviewInfo label="Deployment URL" icon={<Plus />}>
               {project.deployments &&
                 project.deployments.length > 0 &&
                 project.deployments.map((deployment) => (
@@ -208,7 +185,6 @@ const OverviewTabPanel = () => {
                     <Link to={deployment.applicationDeploymentRecordData.url}>
                       <span className="text-controls-primary dark:text-foreground group hover:border-controls-primary transition-colors border-b border-b-transparent flex gap-2 items-center text-sm tracking-tight">
                         {deployment.applicationDeploymentRecordData.url}
-                        <LinkIcon className="group-hover:rotate-45 transition-transform" />
                       </span>
                     </Link>
                   </div>
@@ -216,7 +192,7 @@ const OverviewTabPanel = () => {
             </OverviewInfo>
 
             {/* DEPLOYMENT DATE */}
-            <OverviewInfo label="Deployment date" icon={<CalendarDaysIcon />}>
+            <OverviewInfo label="Deployment date" icon={<Clock />}>
               <div className="flex gap-2 items-center text-elements-high-em dark:text-foreground text-sm tracking-tighter">
                 <span>{relativeTimeMs(project.deployments[0].createdAt)}</span>
                 by
@@ -234,7 +210,7 @@ const OverviewTabPanel = () => {
         )}
         {project.auctionId && <AuctionCard project={project} />}
       </div>
-      <Activity activities={activities} isLoading={fetchingActivities} />
+      <Activity className="h-4 w-4" />
     </div>
   );
 };
diff --git a/packages/frontend/src/pages/org-slug/projects/id/Settings.tsx b/packages/frontend/src/pages/org-slug/projects/id/Settings.tsx
index 329069bf..6ed30b05 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/Settings.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/Settings.tsx
@@ -9,37 +9,36 @@ import {
   TabsTrigger,
 } from 'components/shared/Tabs';
 import {
-  BranchStrokeIcon,
-  //CollaboratorsIcon,
-  GearIcon,
-  GlobeIcon,
-  SwitchIcon,
-} from 'components/shared/CustomIcon';
+  Settings,
+  Building2,
+  Globe,
+  Key,
+} from 'lucide-react';
 
 const tabsData = [
   {
     label: 'General',
-    icon: <GearIcon />,
+    icon: <Settings />,
     value: 'general',
   },
   {
     label: 'Domains',
-    icon: <GlobeIcon />,
+    icon: <Globe />,
     value: 'domains',
   },
   {
     label: 'Git',
-    icon: <BranchStrokeIcon />,
+    icon: <Building2 />,
     value: 'git',
   },
   {
     label: 'Environment variables',
-    icon: <SwitchIcon />,
+    icon: <Key />,
     value: 'environment-variables',
   },
   //  {
   //    label: 'Collaborators',
-  //    icon: <CollaboratorsIcon />,
+  //    icon: <Users />,
   //    value: 'collaborators',
   //  },
 ];
diff --git a/packages/frontend/src/pages/org-slug/projects/id/settings/Collaborators.tsx b/packages/frontend/src/pages/org-slug/projects/id/settings/Collaborators.tsx
index 764c9107..b249edb3 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/Collaborators.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/Collaborators.tsx
@@ -8,7 +8,7 @@ import { useGQLClient } from '../../../../../context/GQLClientContext';
 import { OutletContextType } from '../../../../../types';
 import { useToast } from '../../../../../components/shared/Toast';
 import { Button } from 'components/shared/Button';
-import { PlusIcon } from 'components/shared/CustomIcon';
+import { Plus } from 'lucide-react';
 import { Badge } from 'components/shared/Badge';
 import { ProjectSettingContainer } from 'components/projects/project/settings/ProjectSettingContainer';
 
@@ -116,7 +116,7 @@ const CollaboratorsTabPanel = () => {
         <Button
           size="md"
           onClick={() => setAddMemberDialogOpen((preVal) => !preVal)}
-          leftIcon={<PlusIcon />}
+          leftIcon={<Plus />}
           variant="primary"
           shape="default"
         >
diff --git a/packages/frontend/src/pages/org-slug/projects/id/settings/Domains.tsx b/packages/frontend/src/pages/org-slug/projects/id/settings/Domains.tsx
index 01e98c6c..7b918256 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/Domains.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/Domains.tsx
@@ -8,7 +8,7 @@ import { useGQLClient } from '../../../../../context/GQLClientContext';
 import { OutletContextType } from '../../../../../types';
 import { useOctokit } from '../../../../../context/OctokitContext';
 import { Button } from 'components/shared/Button';
-import { PlusIcon } from 'components/shared/CustomIcon';
+import { Plus } from 'lucide-react';
 import { ProjectSettingContainer } from 'components/projects/project/settings/ProjectSettingContainer';
 
 const Domains = () => {
@@ -66,7 +66,7 @@ const Domains = () => {
             as="a"
             href="add"
             variant="secondary"
-            leftIcon={<PlusIcon />}
+            leftIcon={<Plus />}
             size="md"
           >
             Add domain
diff --git a/packages/frontend/src/pages/org-slug/projects/id/settings/EnvironmentVariables.tsx b/packages/frontend/src/pages/org-slug/projects/id/settings/EnvironmentVariables.tsx
index 0b624189..83b93fd2 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/EnvironmentVariables.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/EnvironmentVariables.tsx
@@ -7,7 +7,7 @@ import HorizontalLine from 'components/HorizontalLine';
 import DisplayEnvironmentVariables from 'components/projects/project/settings/DisplayEnvironmentVariables';
 import { ProjectSettingContainer } from 'components/projects/project/settings/ProjectSettingContainer';
 import { Button } from 'components/shared';
-import { PlusIcon } from 'components/shared/CustomIcon';
+import { Plus } from 'lucide-react';
 import { Heading } from 'components/shared/Heading';
 import { useToast } from 'components/shared/Toast';
 import { useGQLClient } from 'context/GQLClientContext';
@@ -120,7 +120,7 @@ export const EnvironmentVariablesTabPanel = () => {
           className="p-4"
         >
           <div className="flex gap-2 items-center">
-            <PlusIcon />
+            <Plus />
             <span>Create new variable</span>
           </div>
         </Heading>
diff --git a/packages/frontend/src/pages/org-slug/projects/id/settings/General.tsx b/packages/frontend/src/pages/org-slug/projects/id/settings/General.tsx
index 7a257d8d..3928ae2b 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/General.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/General.tsx
@@ -10,7 +10,7 @@ import { Input } from 'components/shared/Input';
 import { Heading } from 'components/shared/Heading';
 import { Button } from 'components/shared/Button';
 import { Select, SelectOption } from 'components/shared/Select';
-import { TrashIcon, CopyUnfilledIcon } from 'components/shared/CustomIcon';
+import { Trash2, Copy } from 'lucide-react';
 import { useToast } from 'components/shared/Toast';
 import { ProjectSettingContainer } from 'components/projects/project/settings/ProjectSettingContainer';
 
@@ -150,7 +150,7 @@ const GeneralTabPanel = () => {
             size="md"
             disabled
             label="Project ID"
-            rightIcon={<CopyUnfilledIcon />}
+            rightIcon={<Copy />}
           />
         </div>
         <Button
@@ -210,7 +210,7 @@ const GeneralTabPanel = () => {
           size="md"
           variant="danger"
           onClick={handleDeleteProjectDialog}
-          leftIcon={<TrashIcon />}
+          leftIcon={<Trash2 />}
         >
           DELETE PROJECT
         </Button>
diff --git a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx
index b56fae5b..a279a714 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx
@@ -4,7 +4,7 @@ import { useGQLClient } from 'context/GQLClientContext';
 import { Table } from 'components/shared/Table';
 import { Button } from 'components/shared/Button';
 import { InlineNotification } from 'components/shared/InlineNotification';
-import { ArrowRightCircleIcon } from 'components/shared/CustomIcon';
+import { ArrowRight } from 'lucide-react';
 import { ProjectSettingContainer } from 'components/projects/project/settings/ProjectSettingContainer';
 import { useToast } from 'components/shared/Toast';
 import { useEffect, useState } from 'react';
@@ -129,7 +129,7 @@ const Config = () => {
             onClick={handleSubmitDomain}
             variant="primary"
             shape="default"
-            rightIcon={<ArrowRightCircleIcon />}
+            rightIcon={<ArrowRight />}
           >
             FINISH
           </Button>
diff --git a/packages/frontend/src/stories/Components/Avatar.stories.tsx b/packages/frontend/src/stories/Components/Avatar.stories.tsx
deleted file mode 100644
index d9bfdfd2..00000000
--- a/packages/frontend/src/stories/Components/Avatar.stories.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { Avatar, AvatarVariants } from 'components/shared/Avatar';
-import { avatars, avatarsFallback } from 'pages/components/renders/avatar';
-
-const avatarSizes: AvatarVariants['size'][] = [18, 20, 24, 28, 32, 36, 40, 44];
-const avatarVariants: AvatarVariants['type'][] = ['gray', 'orange', 'blue'];
-
-const meta: Meta<typeof Avatar> = {
-  component: Avatar,
-  title: 'Components/Avatar',
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'select',
-      options: avatarSizes,
-    },
-    imageSrc: {
-      control: 'text',
-    },
-    initials: {
-      control: 'text',
-    },
-    type: {
-      control: 'select',
-      options: avatarVariants,
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Avatar>;
-
-export const Default: Story = {
-  render: ({ initials, imageSrc, size, type, ...arg }) => (
-    <Avatar
-      initials={initials}
-      imageSrc={imageSrc}
-      size={size}
-      type={type}
-      {...arg}
-    />
-  ),
-};
-
-export const Fallback: Story = {
-  render: ({ initials, imageSrc, size, type, ...arg }) => (
-    <Avatar
-      initials={initials}
-      imageSrc={imageSrc}
-      size={size}
-      type={type}
-      {...arg}
-    />
-  ),
-  args: {
-    initials: 'SY',
-  },
-};
-
-export const Sizes: Story = {
-  render: () => (
-    <div className="flex gap-5 flex-wrap">
-      {avatars.map((avatar) => avatar)}
-    </div>
-  ),
-};
-
-export const FallbackAll: Story = {
-  render: () => (
-    <div className="flex gap-5 flex-wrap">
-      {avatarsFallback.map((avatar) => avatar)}
-    </div>
-  ),
-};
diff --git a/packages/frontend/src/stories/Components/Badge.stories.tsx b/packages/frontend/src/stories/Components/Badge.stories.tsx
deleted file mode 100644
index 36cdb617..00000000
--- a/packages/frontend/src/stories/Components/Badge.stories.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { Badge, BadgeTheme } from 'components/shared/Badge';
-
-const badgeVariants: BadgeTheme['variant'][] = [
-  'primary',
-  'secondary',
-  'tertiary',
-  'inset',
-];
-const badgeSizes: BadgeTheme['size'][] = ['xs', 'sm'];
-
-const meta: Meta<typeof Badge> = {
-  title: 'Components/Badge',
-  component: Badge,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: badgeVariants,
-    },
-    size: {
-      control: 'select',
-      options: badgeSizes,
-    },
-    children: {
-      control: 'object',
-    },
-  },
-  args: {
-    variant: 'primary',
-    size: 'sm',
-    children: '1',
-  },
-} as Meta<typeof Badge>;
-
-export default meta;
-
-type Story = StoryObj<typeof Badge>;
-
-export const Default: Story = {
-  render: ({ variant, size, children, ...args }) => (
-    <Badge variant={variant} size={size} {...args}>
-      {children}
-    </Badge>
-  ),
-  args: {
-    variant: 'primary',
-    size: 'sm',
-    children: '1',
-  },
-};
-
-export const Primary: Story = {
-  args: {
-    ...Default.args,
-    children: '1',
-  },
-};
-
-export const All: Story = {
-  render: () => (
-    <>
-      {badgeVariants.map((variant, index) => (
-        <div className="flex gap-5" key={index}>
-          {badgeSizes.map((size) => (
-            <Badge key={variant} variant={variant} size={size}>
-              {size}
-            </Badge>
-          ))}
-          {variant}
-        </div>
-      ))}
-    </>
-  ),
-};
diff --git a/packages/frontend/src/stories/Components/Button.stories.tsx b/packages/frontend/src/stories/Components/Button.stories.tsx
deleted file mode 100644
index cc1bf9a4..00000000
--- a/packages/frontend/src/stories/Components/Button.stories.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { Button, ButtonTheme } from 'components/shared/Button';
-import { PlusIcon } from 'components/shared/CustomIcon';
-import {
-  renderButtonIcons,
-  renderButtons,
-  renderDisabledButtons,
-  renderLinks,
-} from 'pages/components/renders/button';
-
-const buttonVariants: ButtonTheme['variant'][] = [
-  'primary',
-  'secondary',
-  'tertiary',
-  'ghost',
-  'danger',
-  'danger-ghost',
-  'link',
-  'link-emphasized',
-];
-const buttonSizes: ButtonTheme['size'][] = ['lg', 'md', 'sm', 'xs'];
-const buttonShapes: ButtonTheme['shape'][] = ['default', 'rounded'];
-
-const meta: Meta<typeof Button> = {
-  title: 'Components/Button',
-  component: Button,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'select',
-      options: buttonSizes,
-    },
-    variant: {
-      control: 'select',
-      options: buttonVariants,
-    },
-    fullWidth: {
-      control: 'boolean',
-    },
-    iconOnly: {
-      control: { type: 'boolean' },
-    },
-    shape: {
-      control: 'select',
-      options: buttonShapes,
-    },
-    children: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Button>;
-
-export const Default: Story = {
-  render: ({ children, size, variant, iconOnly, fullWidth, shape }) => (
-    <Button
-      size={size}
-      variant={variant}
-      fullWidth={fullWidth}
-      iconOnly={iconOnly}
-      shape={shape}
-    >
-      {children}
-    </Button>
-  ),
-  args: {
-    children: 'Button',
-    size: 'md',
-    variant: 'primary',
-    fullWidth: false,
-    shape: 'rounded',
-    iconOnly: false,
-  },
-};
-
-export const WithIcons: Story = {
-  args: {
-    ...Default.args,
-    leftIcon: <PlusIcon />,
-    rightIcon: <PlusIcon />,
-  },
-};
-
-export const FullWidth: Story = {
-  args: {
-    ...Default.args,
-    fullWidth: true,
-  },
-};
-
-export const IconOnly: Story = {
-  render: ({ leftIcon }) => <Button iconOnly>{leftIcon}</Button>,
-  args: {
-    ...Default.args,
-    leftIcon: <PlusIcon />,
-  },
-};
-
-export const ButtonAll: Story = {
-  render: () => (
-    <div className="flex gap-5 flex-col items-center">
-      {/* Button */}
-      <h1 className="text-2xl font-bold items-center justify-between">
-        Button
-      </h1>
-      <div className="flex flex-col gap-10">
-        {renderButtons()}
-        {renderButtonIcons()}
-      </div>
-
-      {/* Link */}
-      <div className="flex flex-col gap-10 items-center justify-between">
-        <h1 className="text-2xl font-bold">Link</h1>
-        <div className="flex gap-4 items-center justify-center">
-          {renderLinks()}
-        </div>
-      </div>
-
-      {/* Disabled button, icon only, and link */}
-      <div className="flex flex-col gap-10 items-center justify-between">
-        <div className="flex flex-col gap-2">
-          <h1 className="text-2xl font-bold text-center">Disabled</h1>
-          <p className="text-lg text-center text-gray-500">
-            Button - icon only - link
-          </p>
-        </div>
-        <div className="flex gap-10 items-center justify-between">
-          {renderDisabledButtons()}
-        </div>
-      </div>
-    </div>
-  ),
-};
diff --git a/packages/frontend/src/stories/Components/Calendar.stories.tsx b/packages/frontend/src/stories/Components/Calendar.stories.tsx
deleted file mode 100644
index 389d0507..00000000
--- a/packages/frontend/src/stories/Components/Calendar.stories.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Calendar } from 'components/shared/Calendar';
-
-const meta: Meta<typeof Calendar> = {
-  title: 'Components/Calendar',
-  component: Calendar,
-  tags: ['autodocs'],
-  argTypes: {
-    wrapperProps: {
-      control: 'object',
-    },
-    calendarWrapperProps: {
-      control: 'object',
-    },
-    footerProps: {
-      control: 'object',
-    },
-    actions: {
-      control: 'object',
-    },
-    onSelect: {
-      action: 'select',
-    },
-    onCancel: {
-      action: 'cancel',
-    },
-    onReset: {
-      action: 'reset',
-    },
-    selectRange: {
-      control: 'boolean',
-    },
-    activeStartDate: {
-      control: 'date',
-    },
-    value: {
-      control: 'date',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Calendar>;
-
-export const Default: Story = {};
-
-export const ToShowCode: Story = {
-  render: ({
-    wrapperProps,
-    calendarWrapperProps,
-    footerProps,
-    actions,
-    onSelect,
-    onCancel,
-    onReset,
-    selectRange,
-    activeStartDate,
-    value,
-    ...arg
-  }) => (
-    <Calendar
-      wrapperProps={wrapperProps}
-      calendarWrapperProps={calendarWrapperProps}
-      footerProps={footerProps}
-      actions={actions}
-      onSelect={onSelect}
-      onCancel={onCancel}
-      onReset={onReset}
-      selectRange={selectRange}
-      activeStartDate={activeStartDate}
-      value={value}
-      {...arg}
-    />
-  ),
-  args: {
-    actions: <div>Actions</div>,
-    onSelect: (value) => console.log(value),
-    onCancel: () => console.log('Cancel'),
-    onReset: () => console.log('Reset'),
-    selectRange: false,
-    activeStartDate: new Date(),
-    value: new Date(),
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Checkbox.stories.tsx b/packages/frontend/src/stories/Components/Checkbox.stories.tsx
deleted file mode 100644
index e9d82e32..00000000
--- a/packages/frontend/src/stories/Components/Checkbox.stories.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Checkbox } from 'components/shared/Checkbox';
-
-const meta: Meta<typeof Checkbox> = {
-  title: 'Components/Checkbox',
-  component: Checkbox,
-  tags: ['autodocs'],
-  argTypes: {
-    label: {
-      control: 'text',
-    },
-    description: {
-      control: 'text',
-    },
-    checked: {
-      control: 'boolean',
-    },
-    defaultChecked: {
-      control: 'boolean',
-    },
-    required: {
-      control: 'boolean',
-    },
-    onCheckedChange: {
-      action: 'checkedChange',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Checkbox>;
-
-export const Default: Story = {
-  render: ({
-    label,
-    description,
-    checked,
-    defaultChecked,
-    required,
-    onCheckedChange,
-    ...arg
-  }) => (
-    <Checkbox
-      label={label}
-      description={description}
-      checked={checked}
-      defaultChecked={defaultChecked}
-      required={required}
-      onCheckedChange={onCheckedChange}
-      {...arg}
-    />
-  ),
-  args: {
-    label: 'Label',
-    description: 'Description',
-    checked: false,
-    defaultChecked: false,
-    required: false,
-    onCheckedChange: (checked: boolean) => console.log(checked),
-  },
-};
diff --git a/packages/frontend/src/stories/Components/CloudyFlow.stories.tsx b/packages/frontend/src/stories/Components/CloudyFlow.stories.tsx
deleted file mode 100644
index d3e90cbd..00000000
--- a/packages/frontend/src/stories/Components/CloudyFlow.stories.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { CloudyFlow } from 'components/CloudyFlow';
-
-const meta: Meta<typeof CloudyFlow> = {
-  title: 'Components/CloudyFlow',
-  component: CloudyFlow,
-  tags: ['autodocs'],
-  argTypes: {
-    className: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CloudyFlow>;
-
-export const Default: Story = {
-  render: ({ ...arg }) => {
-    return <CloudyFlow {...arg} />;
-  },
-  args: {
-    className: 'flex flex-col min-h-screen',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/ComponentsAll.stories.tsx b/packages/frontend/src/stories/Components/ComponentsAll.stories.tsx
deleted file mode 100644
index aeeb0d28..00000000
--- a/packages/frontend/src/stories/Components/ComponentsAll.stories.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import Page from 'pages/components';
-
-const meta: Meta<typeof Page> = {
-  component: Page,
-  title: 'Components/All',
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Page>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Components/DatePicker.stories.tsx b/packages/frontend/src/stories/Components/DatePicker.stories.tsx
deleted file mode 100644
index 26122205..00000000
--- a/packages/frontend/src/stories/Components/DatePicker.stories.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { DatePicker } from 'components/shared/DatePicker';
-
-const meta: Meta<typeof DatePicker> = {
-  title: 'Components/DatePicker',
-  component: DatePicker,
-  tags: ['autodocs'],
-  argTypes: {
-    calendarProps: {
-      control: 'object',
-    },
-    onChange: {
-      action: 'change',
-    },
-    value: {
-      control: 'text',
-    },
-    selectRange: {
-      control: 'boolean',
-    },
-    onReset: {
-      action: 'reset',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof DatePicker>;
-
-export const Default: Story = {
-  render: ({
-    calendarProps,
-    onChange,
-    value,
-    selectRange,
-    onReset,
-    ...args
-  }) => (
-    <DatePicker
-      calendarProps={calendarProps}
-      onChange={onChange}
-      value={value}
-      selectRange={selectRange}
-      onReset={onReset}
-      {...args}
-    />
-  ),
-};
diff --git a/packages/frontend/src/stories/Components/DotBorder.stories.tsx b/packages/frontend/src/stories/Components/DotBorder.stories.tsx
deleted file mode 100644
index 6d8f17b4..00000000
--- a/packages/frontend/src/stories/Components/DotBorder.stories.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { DotBorder } from 'components/shared/DotBorder';
-
-const meta: Meta<typeof DotBorder> = {
-  title: 'Components/DotBorder',
-  component: DotBorder,
-  tags: ['autodocs'],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof DotBorder>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Components/Heading.stories.tsx b/packages/frontend/src/stories/Components/Heading.stories.tsx
deleted file mode 100644
index 1218725c..00000000
--- a/packages/frontend/src/stories/Components/Heading.stories.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Heading } from 'components/shared/Heading';
-
-const meta: Meta<typeof Heading> = {
-  title: 'Components/Heading',
-  component: Heading,
-  tags: ['autodocs'],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Heading>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Components/IconWithFrame.stories.tsx b/packages/frontend/src/stories/Components/IconWithFrame.stories.tsx
deleted file mode 100644
index 2416ed2f..00000000
--- a/packages/frontend/src/stories/Components/IconWithFrame.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { IconWithFrame } from 'components/shared/IconWithFrame';
-import { PlusIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof IconWithFrame> = {
-  title: 'Components/IconWithFrame',
-  component: IconWithFrame,
-  tags: ['autodocs'],
-  argTypes: {
-    icon: {
-      control: 'object',
-    },
-    hasHighlight: {
-      type: 'boolean',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof IconWithFrame>;
-
-export const Default: Story = {
-  render: ({ icon, hasHighlight }) => (
-    <IconWithFrame icon={icon} hasHighlight={hasHighlight} />
-  ),
-  args: {
-    hasHighlight: true,
-    icon: <PlusIcon />,
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/AppleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/AppleIcon.stories.tsx
deleted file mode 100644
index a84c618d..00000000
--- a/packages/frontend/src/stories/Components/Icons/AppleIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { AppleIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof AppleIcon> = {
-  title: 'Icons/AppleIcon',
-  component: AppleIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof AppleIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <AppleIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ArrowLeftCircleFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ArrowLeftCircleFilledIcon.stories.tsx
deleted file mode 100644
index e0eab680..00000000
--- a/packages/frontend/src/stories/Components/Icons/ArrowLeftCircleFilledIcon.stories.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ArrowLeftCircleFilledIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ArrowLeftCircleFilledIcon> = {
-  title: 'Icons/ArrowLeftCircleFilledIcon',
-  component: ArrowLeftCircleFilledIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ArrowLeftCircleFilledIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => (
-    <ArrowLeftCircleFilledIcon size={size} name={name} />
-  ),
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ArrowRightCircleFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ArrowRightCircleFilledIcon.stories.tsx
deleted file mode 100644
index ed6cf924..00000000
--- a/packages/frontend/src/stories/Components/Icons/ArrowRightCircleFilledIcon.stories.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ArrowRightCircleFilledIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ArrowRightCircleFilledIcon> = {
-  title: 'Icons/ArrowRightCircleFilledIcon',
-  component: ArrowRightCircleFilledIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ArrowRightCircleFilledIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => (
-    <ArrowRightCircleFilledIcon size={size} name={name} />
-  ),
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ArrowRightCircleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ArrowRightCircleIcon.stories.tsx
deleted file mode 100644
index 6f3741ee..00000000
--- a/packages/frontend/src/stories/Components/Icons/ArrowRightCircleIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ArrowRightCircleIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ArrowRightCircleIcon> = {
-  title: 'Icons/ArrowRightCircleIcon',
-  component: ArrowRightCircleIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ArrowRightCircleIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ArrowRightCircleIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/BranchIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/BranchIcon.stories.tsx
deleted file mode 100644
index 35c8dc14..00000000
--- a/packages/frontend/src/stories/Components/Icons/BranchIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { BranchIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof BranchIcon> = {
-  title: 'Icons/BranchIcon',
-  component: BranchIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof BranchIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <BranchIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/BranchStrokeIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/BranchStrokeIcon.stories.tsx
deleted file mode 100644
index 1bf5af0a..00000000
--- a/packages/frontend/src/stories/Components/Icons/BranchStrokeIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { BranchStrokeIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof BranchStrokeIcon> = {
-  title: 'Icons/BranchStrokeIcon',
-  component: BranchStrokeIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof BranchStrokeIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <BranchStrokeIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/BuildingIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/BuildingIcon.stories.tsx
deleted file mode 100644
index 0870ac04..00000000
--- a/packages/frontend/src/stories/Components/Icons/BuildingIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { BuildingIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof BuildingIcon> = {
-  title: 'Icons/BuildingIcon',
-  component: BuildingIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof BuildingIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <BuildingIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CalendarDaysIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CalendarDaysIcon.stories.tsx
deleted file mode 100644
index dc217884..00000000
--- a/packages/frontend/src/stories/Components/Icons/CalendarDaysIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CalendarDaysIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CalendarDaysIcon> = {
-  title: 'Icons/CalendarDaysIcon',
-  component: CalendarDaysIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CalendarDaysIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CalendarDaysIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CalendarIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CalendarIcon.stories.tsx
deleted file mode 100644
index 9346fad1..00000000
--- a/packages/frontend/src/stories/Components/Icons/CalendarIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CalendarIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CalendarIcon> = {
-  title: 'Icons/CalendarIcon',
-  component: CalendarIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CalendarIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CalendarIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CheckIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CheckIcon.stories.tsx
deleted file mode 100644
index 7aba4e46..00000000
--- a/packages/frontend/src/stories/Components/Icons/CheckIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CheckIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CheckIcon> = {
-  title: 'Icons/CheckIcon',
-  component: CheckIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CheckIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CheckIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CheckRadioIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CheckRadioIcon.stories.tsx
deleted file mode 100644
index 987f4d7f..00000000
--- a/packages/frontend/src/stories/Components/Icons/CheckRadioIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CheckRadioIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CheckRadioIcon> = {
-  title: 'Icons/CheckRadioIcon',
-  component: CheckRadioIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CheckRadioIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CheckRadioIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CheckRadioOutlineIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CheckRadioOutlineIcon.stories.tsx
deleted file mode 100644
index 8355ce62..00000000
--- a/packages/frontend/src/stories/Components/Icons/CheckRadioOutlineIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CheckRadioOutlineIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CheckRadioOutlineIcon> = {
-  title: 'Icons/CheckRadioOutlineIcon',
-  component: CheckRadioOutlineIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CheckRadioOutlineIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CheckRadioOutlineIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CheckRoundFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CheckRoundFilledIcon.stories.tsx
deleted file mode 100644
index 7f5d083d..00000000
--- a/packages/frontend/src/stories/Components/Icons/CheckRoundFilledIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CheckRoundFilledIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CheckRoundFilledIcon> = {
-  title: 'Icons/CheckRoundFilledIcon',
-  component: CheckRoundFilledIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CheckRoundFilledIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CheckRoundFilledIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ChevronDoubleDownIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronDoubleDownIcon.stories.tsx
deleted file mode 100644
index 95106e7d..00000000
--- a/packages/frontend/src/stories/Components/Icons/ChevronDoubleDownIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ChevronDoubleDownIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ChevronDoubleDownIcon> = {
-  title: 'Icons/ChevronDoubleDownIcon',
-  component: ChevronDoubleDownIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ChevronDoubleDownIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ChevronDoubleDownIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ChevronDownIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronDownIcon.stories.tsx
deleted file mode 100644
index 9f65f9c4..00000000
--- a/packages/frontend/src/stories/Components/Icons/ChevronDownIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ChevronDownIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ChevronDownIcon> = {
-  title: 'Icons/ChevronDownIcon',
-  component: ChevronDownIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ChevronDownIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ChevronDownIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx
deleted file mode 100644
index e50a212c..00000000
--- a/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ChevronDownSmallIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ChevronDownSmallIcon> = {
-  title: 'Icons/ChevronDownSmallIcon',
-  component: ChevronDownSmallIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ChevronDownSmallIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ChevronDownSmallIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ChevronGrabberHorizontal.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronGrabberHorizontal.stories.tsx
deleted file mode 100644
index 239b975d..00000000
--- a/packages/frontend/src/stories/Components/Icons/ChevronGrabberHorizontal.stories.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ChevronGrabberHorizontal } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ChevronGrabberHorizontal> = {
-  title: 'Icons/ChevronGrabberHorizontal',
-  component: ChevronGrabberHorizontal,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ChevronGrabberHorizontal>;
-
-export const Default: Story = {
-  render: ({ size, name }) => (
-    <ChevronGrabberHorizontal size={size} name={name} />
-  ),
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ChevronLeft.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronLeft.stories.tsx
deleted file mode 100644
index 0cd4dec8..00000000
--- a/packages/frontend/src/stories/Components/Icons/ChevronLeft.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ChevronLeft } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ChevronLeft> = {
-  title: 'Icons/ChevronLeft',
-  component: ChevronLeft,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ChevronLeft>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ChevronLeft size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx
deleted file mode 100644
index 3f0b24be..00000000
--- a/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ChevronRight } from '../../../components/shared/CustomIcon/ChevronRight';
-
-const meta: Meta<typeof ChevronRight> = {
-  title: 'Icons/ChevronRight',
-  component: ChevronRight,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ChevronRight>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ChevronRight size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx
deleted file mode 100644
index 04b52c68..00000000
--- a/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ChevronUpDown } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ChevronUpDown> = {
-  title: 'Icons/ChevronUpDown',
-  component: ChevronUpDown,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ChevronUpDown>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ChevronUpDown size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx
deleted file mode 100644
index f8d67894..00000000
--- a/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ChevronUpSmallIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ChevronUpSmallIcon> = {
-  title: 'Icons/ChevronUpSmallIcon',
-  component: ChevronUpSmallIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ChevronUpSmallIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ChevronUpSmallIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'chevron-up',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CirclePlaceholderOnIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CirclePlaceholderOnIcon.stories.tsx
deleted file mode 100644
index 4d08db6e..00000000
--- a/packages/frontend/src/stories/Components/Icons/CirclePlaceholderOnIcon.stories.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CirclePlaceholderOnIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CirclePlaceholderOnIcon> = {
-  title: 'Icons/CirclePlaceholderOnIcon',
-  component: CirclePlaceholderOnIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CirclePlaceholderOnIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => (
-    <CirclePlaceholderOnIcon size={size} name={name} />
-  ),
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ClockIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ClockIcon.stories.tsx
deleted file mode 100644
index 9850d00b..00000000
--- a/packages/frontend/src/stories/Components/Icons/ClockIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ClockIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ClockIcon> = {
-  title: 'Icons/ClockIcon',
-  component: ClockIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ClockIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ClockIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ClockOutlineIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ClockOutlineIcon.stories.tsx
deleted file mode 100644
index d9dc2231..00000000
--- a/packages/frontend/src/stories/Components/Icons/ClockOutlineIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ClockOutlineIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ClockOutlineIcon> = {
-  title: 'Icons/ClockOutlineIcon',
-  component: ClockOutlineIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ClockOutlineIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ClockOutlineIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx
deleted file mode 100644
index 83fc9976..00000000
--- a/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CollaboratorsIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CollaboratorsIcon> = {
-  title: 'Icons/CollaboratorsIcon',
-  component: CollaboratorsIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CollaboratorsIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CollaboratorsIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CommitIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CommitIcon.stories.tsx
deleted file mode 100644
index e5a69c0e..00000000
--- a/packages/frontend/src/stories/Components/Icons/CommitIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CommitIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CommitIcon> = {
-  title: 'Icons/CommitIcon',
-  component: CommitIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CommitIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CommitIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CopyIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CopyIcon.stories.tsx
deleted file mode 100644
index 5b0a2af0..00000000
--- a/packages/frontend/src/stories/Components/Icons/CopyIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CopyIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CopyIcon> = {
-  title: 'Icons/CopyIcon',
-  component: CopyIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CopyIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CopyIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CrossCircleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CrossCircleIcon.stories.tsx
deleted file mode 100644
index 3cfa9b87..00000000
--- a/packages/frontend/src/stories/Components/Icons/CrossCircleIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CrossCircleIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CrossCircleIcon> = {
-  title: 'Icons/CrossCircleIcon',
-  component: CrossCircleIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CrossCircleIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CrossCircleIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CrossIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CrossIcon.stories.tsx
deleted file mode 100644
index 073f8b37..00000000
--- a/packages/frontend/src/stories/Components/Icons/CrossIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CrossIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CrossIcon> = {
-  title: 'Icons/CrossIcon',
-  component: CrossIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CrossIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CrossIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/CursorBoxIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CursorBoxIcon.stories.tsx
deleted file mode 100644
index eb321b9b..00000000
--- a/packages/frontend/src/stories/Components/Icons/CursorBoxIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { CursorBoxIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof CursorBoxIcon> = {
-  title: 'Icons/CursorBoxIcon',
-  component: CursorBoxIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CursorBoxIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <CursorBoxIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/EditBigIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/EditBigIcon.stories.tsx
deleted file mode 100644
index d91df2b9..00000000
--- a/packages/frontend/src/stories/Components/Icons/EditBigIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { EditBigIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof EditBigIcon> = {
-  title: 'Icons/EditBigIcon',
-  component: EditBigIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof EditBigIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <EditBigIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/EllipseIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/EllipseIcon.stories.tsx
deleted file mode 100644
index 87553828..00000000
--- a/packages/frontend/src/stories/Components/Icons/EllipseIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { EllipseIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof EllipseIcon> = {
-  title: 'Icons/EclipseIcon',
-  component: EllipseIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof EllipseIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <EllipseIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/EllipsesIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/EllipsesIcon.stories.tsx
deleted file mode 100644
index 71de09b5..00000000
--- a/packages/frontend/src/stories/Components/Icons/EllipsesIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { EllipsesIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof EllipsesIcon> = {
-  title: 'Icons/EllipsesIcon',
-  component: EllipsesIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof EllipsesIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <EllipsesIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/FolderIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/FolderIcon.stories.tsx
deleted file mode 100644
index 83a53afc..00000000
--- a/packages/frontend/src/stories/Components/Icons/FolderIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { FolderIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof FolderIcon> = {
-  title: 'Icons/FolderIcon',
-  component: FolderIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof FolderIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <FolderIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/GearIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GearIcon.stories.tsx
deleted file mode 100644
index 8451df52..00000000
--- a/packages/frontend/src/stories/Components/Icons/GearIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { GearIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof GearIcon> = {
-  title: 'Icons/GearIcon',
-  component: GearIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof GearIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <GearIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/GitIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GitIcon.stories.tsx
deleted file mode 100644
index 63930831..00000000
--- a/packages/frontend/src/stories/Components/Icons/GitIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { GitIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof GitIcon> = {
-  title: 'Icons/GitIcon',
-  component: GitIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof GitIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <GitIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/GitTeaIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GitTeaIcon.stories.tsx
deleted file mode 100644
index 27ba59ff..00000000
--- a/packages/frontend/src/stories/Components/Icons/GitTeaIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { GitTeaIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof GitTeaIcon> = {
-  title: 'Icons/GitTeaIcon',
-  component: GitTeaIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof GitTeaIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <GitTeaIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/GithubIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GithubIcon.stories.tsx
deleted file mode 100644
index cc0b0f8b..00000000
--- a/packages/frontend/src/stories/Components/Icons/GithubIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { GithubIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof GithubIcon> = {
-  title: 'Icons/GithubIcon',
-  component: GithubIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof GithubIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <GithubIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/GithubLogoIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GithubLogoIcon.stories.tsx
deleted file mode 100644
index ee5bb425..00000000
--- a/packages/frontend/src/stories/Components/Icons/GithubLogoIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { GithubLogoIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof GithubLogoIcon> = {
-  title: 'Icons/GithubLogoIcon',
-  component: GithubLogoIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof GithubLogoIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <GithubLogoIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/GithubStrokeIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GithubStrokeIcon.stories.tsx
deleted file mode 100644
index acbec55e..00000000
--- a/packages/frontend/src/stories/Components/Icons/GithubStrokeIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { GithubStrokeIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof GithubStrokeIcon> = {
-  title: 'Icons/GithubStrokeLogo',
-  component: GithubStrokeIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof GithubStrokeIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <GithubStrokeIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/GlobeIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GlobeIcon.stories.tsx
deleted file mode 100644
index 454ed3d5..00000000
--- a/packages/frontend/src/stories/Components/Icons/GlobeIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { GlobeIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof GlobeIcon> = {
-  title: 'Icons/GlobeIcon',
-  component: GlobeIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof GlobeIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <GlobeIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/GoogleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GoogleIcon.stories.tsx
deleted file mode 100644
index baea62bc..00000000
--- a/packages/frontend/src/stories/Components/Icons/GoogleIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { GoogleIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof GoogleIcon> = {
-  title: 'Icons/GoogleIcon',
-  component: GoogleIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof GoogleIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <GoogleIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/HideEyeOffIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/HideEyeOffIcon.stories.tsx
deleted file mode 100644
index ba8e2817..00000000
--- a/packages/frontend/src/stories/Components/Icons/HideEyeOffIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { HideEyeOffIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof HideEyeOffIcon> = {
-  title: 'Icons/HideEyeOffIcon',
-  component: HideEyeOffIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof HideEyeOffIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <HideEyeOffIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/HorizontalDotIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/HorizontalDotIcon.stories.tsx
deleted file mode 100644
index 63d4b016..00000000
--- a/packages/frontend/src/stories/Components/Icons/HorizontalDotIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { HorizontalDotIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof HorizontalDotIcon> = {
-  title: 'Icons/HorizontalDotIcon',
-  component: HorizontalDotIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof HorizontalDotIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <HorizontalDotIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/InfoRoundFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/InfoRoundFilledIcon.stories.tsx
deleted file mode 100644
index 2a743f44..00000000
--- a/packages/frontend/src/stories/Components/Icons/InfoRoundFilledIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { InfoRoundFilledIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof InfoRoundFilledIcon> = {
-  title: 'Icons/InfoRoundFilledIcon',
-  component: InfoRoundFilledIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof InfoRoundFilledIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <InfoRoundFilledIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/InfoSquareIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/InfoSquareIcon.stories.tsx
deleted file mode 100644
index e6b49140..00000000
--- a/packages/frontend/src/stories/Components/Icons/InfoSquareIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { InfoSquareIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof InfoSquareIcon> = {
-  title: 'Icons/InfoSquareIcon',
-  component: InfoSquareIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof InfoSquareIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <InfoSquareIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/KeyIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/KeyIcon.stories.tsx
deleted file mode 100644
index de89ac93..00000000
--- a/packages/frontend/src/stories/Components/Icons/KeyIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { KeyIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof KeyIcon> = {
-  title: 'Icons/KeyIcon',
-  component: KeyIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof KeyIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <KeyIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/LifeBuoyIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LifeBuoyIcon.stories.tsx
deleted file mode 100644
index 882985ea..00000000
--- a/packages/frontend/src/stories/Components/Icons/LifeBuoyIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { LifeBuoyIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof LifeBuoyIcon> = {
-  title: 'Icons/LifeBuoyIcon',
-  component: LifeBuoyIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof LifeBuoyIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <LifeBuoyIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/LinkChainIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LinkChainIcon.stories.tsx
deleted file mode 100644
index bc799ebe..00000000
--- a/packages/frontend/src/stories/Components/Icons/LinkChainIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { LinkChainIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof LinkChainIcon> = {
-  title: 'Icons/LinkChainIcon',
-  component: LinkChainIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof LinkChainIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <LinkChainIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/LinkIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LinkIcon.stories.tsx
deleted file mode 100644
index 3710efac..00000000
--- a/packages/frontend/src/stories/Components/Icons/LinkIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { LinkIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof LinkIcon> = {
-  title: 'Icons/LinkIcon',
-  component: LinkIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof LinkIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <LinkIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/LoaderIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LoaderIcon.stories.tsx
deleted file mode 100644
index 85d3a587..00000000
--- a/packages/frontend/src/stories/Components/Icons/LoaderIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { LoaderIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof LoaderIcon> = {
-  title: 'Icons/LoaderIcon',
-  component: LoaderIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof LoaderIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <LoaderIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/LoadingIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LoadingIcon.stories.tsx
deleted file mode 100644
index 59a0cd0f..00000000
--- a/packages/frontend/src/stories/Components/Icons/LoadingIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { LoadingIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof LoadingIcon> = {
-  title: 'Icons/LoadingIcon',
-  component: LoadingIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof LoadingIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <LoadingIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/LockIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LockIcon.stories.tsx
deleted file mode 100644
index 262bdf53..00000000
--- a/packages/frontend/src/stories/Components/Icons/LockIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { LockIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof LockIcon> = {
-  title: 'Icons/LockIcon',
-  component: LockIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof LockIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <LockIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/LogoutIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LogoutIcon.stories.tsx
deleted file mode 100644
index 50e4cac1..00000000
--- a/packages/frontend/src/stories/Components/Icons/LogoutIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { LogoutIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof LogoutIcon> = {
-  title: 'Icons/LogoutIcon',
-  component: LogoutIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof LogoutIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <LogoutIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/MenuIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/MenuIcon.stories.tsx
deleted file mode 100644
index 65f2c9c8..00000000
--- a/packages/frontend/src/stories/Components/Icons/MenuIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { MenuIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof MenuIcon> = {
-  title: 'Icons/MenuIcon',
-  component: MenuIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof MenuIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <MenuIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/MinusCircleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/MinusCircleIcon.stories.tsx
deleted file mode 100644
index ec05322f..00000000
--- a/packages/frontend/src/stories/Components/Icons/MinusCircleIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { MinusCircleIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof MinusCircleIcon> = {
-  title: 'Icons/MinusCircleIcon',
-  component: MinusCircleIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof MinusCircleIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <MinusCircleIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/NotificationBellIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/NotificationBellIcon.stories.tsx
deleted file mode 100644
index 697c3ae7..00000000
--- a/packages/frontend/src/stories/Components/Icons/NotificationBellIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { NotificationBellIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof NotificationBellIcon> = {
-  title: 'Icons/NotificationBellIcon',
-  component: NotificationBellIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof NotificationBellIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <NotificationBellIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/PencilIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/PencilIcon.stories.tsx
deleted file mode 100644
index 333ebaa2..00000000
--- a/packages/frontend/src/stories/Components/Icons/PencilIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { PencilIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof PencilIcon> = {
-  title: 'Icons/PencilIcon',
-  component: PencilIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof PencilIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <PencilIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/PlusIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/PlusIcon.stories.tsx
deleted file mode 100644
index 9a4260ca..00000000
--- a/packages/frontend/src/stories/Components/Icons/PlusIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { PlusIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof PlusIcon> = {
-  title: 'Icons/PlusIcon',
-  component: PlusIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof PlusIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <PlusIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundFilledIcon.stories.tsx
deleted file mode 100644
index f834e962..00000000
--- a/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundFilledIcon.stories.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { QuestionMarkRoundFilledIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof QuestionMarkRoundFilledIcon> = {
-  title: 'Icons/QuestionMarkRoundFilledIcon',
-  component: QuestionMarkRoundFilledIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof QuestionMarkRoundFilledIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => (
-    <QuestionMarkRoundFilledIcon size={size} name={name} />
-  ),
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundIcon.stories.tsx
deleted file mode 100644
index 3ce8a42e..00000000
--- a/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { QuestionMarkRoundIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof QuestionMarkRoundIcon> = {
-  title: 'Icons/QuestionMarkRoundIcon',
-  component: QuestionMarkRoundIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof QuestionMarkRoundIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <QuestionMarkRoundIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/RefreshIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/RefreshIcon.stories.tsx
deleted file mode 100644
index 38a80063..00000000
--- a/packages/frontend/src/stories/Components/Icons/RefreshIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { RefreshIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof RefreshIcon> = {
-  title: 'Icons/RefreshIcon',
-  component: RefreshIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof RefreshIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <RefreshIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/RocketIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/RocketIcon.stories.tsx
deleted file mode 100644
index 13dc9888..00000000
--- a/packages/frontend/src/stories/Components/Icons/RocketIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { RocketIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof RocketIcon> = {
-  title: 'Icons/RocketIcon',
-  component: RocketIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof RocketIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <RocketIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/SearchIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/SearchIcon.stories.tsx
deleted file mode 100644
index 8c6eb826..00000000
--- a/packages/frontend/src/stories/Components/Icons/SearchIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { SearchIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof SearchIcon> = {
-  title: 'Icons/SearchIcon',
-  component: SearchIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SearchIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <SearchIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/SettingsSlidersIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/SettingsSlidersIcon.stories.tsx
deleted file mode 100644
index ed9c7455..00000000
--- a/packages/frontend/src/stories/Components/Icons/SettingsSlidersIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { SettingsSlidersIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof SettingsSlidersIcon> = {
-  title: 'Icons/SettingsSlidersIcon',
-  component: SettingsSlidersIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SettingsSlidersIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <SettingsSlidersIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/ShowEyeIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ShowEyeIcon.stories.tsx
deleted file mode 100644
index dbe81967..00000000
--- a/packages/frontend/src/stories/Components/Icons/ShowEyeIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { ShowEyeIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof ShowEyeIcon> = {
-  title: 'Icons/ShowEyeIcon',
-  component: ShowEyeIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ShowEyeIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <ShowEyeIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/SnowballIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/SnowballIcon.stories.tsx
deleted file mode 100644
index ce42ded4..00000000
--- a/packages/frontend/src/stories/Components/Icons/SnowballIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { SnowballIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof SnowballIcon> = {
-  title: 'Icons/SnowballIcon',
-  component: SnowballIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SnowballIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <SnowballIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/StorageIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/StorageIcon.stories.tsx
deleted file mode 100644
index 0dc8e35b..00000000
--- a/packages/frontend/src/stories/Components/Icons/StorageIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { StorageIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof StorageIcon> = {
-  title: 'Icons/StorageIcon',
-  component: StorageIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof StorageIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <StorageIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/SwitchIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/SwitchIcon.stories.tsx
deleted file mode 100644
index f8b3ded9..00000000
--- a/packages/frontend/src/stories/Components/Icons/SwitchIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { SwitchIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof SwitchIcon> = {
-  title: 'Icons/SwitchIcon',
-  component: SwitchIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SwitchIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <SwitchIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/TrendingIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/TrendingIcon.stories.tsx
deleted file mode 100644
index 25406e51..00000000
--- a/packages/frontend/src/stories/Components/Icons/TrendingIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { TrendingIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof TrendingIcon> = {
-  title: 'Icons/TrendingIcon',
-  component: TrendingIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof TrendingIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <TrendingIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/UndoIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/UndoIcon.stories.tsx
deleted file mode 100644
index 65120489..00000000
--- a/packages/frontend/src/stories/Components/Icons/UndoIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { UndoIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof UndoIcon> = {
-  title: 'Icons/UndoIcon',
-  component: UndoIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof UndoIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <UndoIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/WarningDiamondIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/WarningDiamondIcon.stories.tsx
deleted file mode 100644
index a4b336aa..00000000
--- a/packages/frontend/src/stories/Components/Icons/WarningDiamondIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { WarningDiamondIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof WarningDiamondIcon> = {
-  title: 'Icons/WarningDiamondIcon',
-  component: WarningDiamondIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof WarningDiamondIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <WarningDiamondIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/WarningIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/WarningIcon.stories.tsx
deleted file mode 100644
index ef0c3816..00000000
--- a/packages/frontend/src/stories/Components/Icons/WarningIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { WarningIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof WarningIcon> = {
-  title: 'Icons/WarningIcon',
-  component: WarningIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof WarningIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <WarningIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Icons/WarningTriangleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/WarningTriangleIcon.stories.tsx
deleted file mode 100644
index 41d1c4da..00000000
--- a/packages/frontend/src/stories/Components/Icons/WarningTriangleIcon.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { WarningTriangleIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof WarningTriangleIcon> = {
-  title: 'Icons/WarningTriangleIcon',
-  component: WarningTriangleIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    size: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof WarningTriangleIcon>;
-
-export const Default: Story = {
-  render: ({ size, name }) => <WarningTriangleIcon size={size} name={name} />,
-  args: {
-    size: '24px',
-    name: 'plus',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/InlineNotification.stories.tsx b/packages/frontend/src/stories/Components/InlineNotification.stories.tsx
deleted file mode 100644
index c8484ddd..00000000
--- a/packages/frontend/src/stories/Components/InlineNotification.stories.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import {
-  InlineNotification,
-  InlineNotificationTheme,
-} from 'components/shared/InlineNotification';
-import { PlusIcon } from 'components/shared/CustomIcon';
-
-const inlineNotificationVariants: InlineNotificationTheme['variant'][] = [
-  'info',
-  'danger',
-  'warning',
-  'success',
-  'generic',
-];
-const inlineNotificationSizes: InlineNotificationTheme['size'][] = ['sm', 'md'];
-
-const meta: Meta<typeof InlineNotification> = {
-  title: 'Components/InlineNotification',
-  component: InlineNotification,
-  tags: ['autodocs'],
-  argTypes: {
-    title: {
-      control: 'text',
-    },
-    description: {
-      control: 'text',
-    },
-    icon: {
-      control: 'object',
-    },
-    variant: {
-      control: 'select',
-      options: inlineNotificationVariants,
-    },
-    size: {
-      control: 'select',
-      options: inlineNotificationSizes,
-    },
-    hasDescription: {
-      control: 'boolean',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof InlineNotification>;
-
-export const Default: Story = {
-  render: ({ title, description, icon, variant, ...args }) => (
-    <InlineNotification
-      title={title}
-      description={description}
-      icon={icon}
-      variant={variant}
-      {...args}
-    />
-  ),
-  args: {
-    title: 'title is required',
-    variant: 'generic',
-    size: 'md',
-  },
-};
-
-export const WithDescription: Story = {
-  render: ({ title, description, icon, ...args }) => (
-    <InlineNotification
-      title={title}
-      description={description}
-      icon={icon}
-      {...args}
-    />
-  ),
-  args: {
-    ...Default.args,
-    description: 'string',
-  },
-};
-
-export const WithIcon: Story = {
-  render: ({ title, description, icon, ...args }) => (
-    <InlineNotification
-      title={title}
-      description={description}
-      icon={icon}
-      {...args}
-    />
-  ),
-  args: {
-    ...Default.args,
-    icon: <PlusIcon />,
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Input.stories.tsx b/packages/frontend/src/stories/Components/Input.stories.tsx
deleted file mode 100644
index f7d97932..00000000
--- a/packages/frontend/src/stories/Components/Input.stories.tsx
+++ /dev/null
@@ -1,213 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Input, InputTheme } from 'components/shared/Input';
-import { PlusIcon } from 'components/shared/CustomIcon';
-
-const inputStates: InputTheme['state'][] = ['default', 'error'];
-const inputSizes: InputTheme['size'][] = ['sm', 'md'];
-
-const meta: Meta<typeof Input> = {
-  title: 'Components/Input',
-  component: Input,
-  tags: ['autodocs'],
-  argTypes: {
-    label: {
-      control: 'text',
-    },
-    description: {
-      control: 'text',
-    },
-    helperText: {
-      control: 'text',
-    },
-    state: {
-      control: 'select',
-      options: inputStates,
-    },
-    size: {
-      control: 'select',
-      options: inputSizes,
-    },
-    appearance: {
-      control: 'text',
-    },
-    placeholder: {
-      control: 'text',
-    },
-  },
-  args: {
-    state: 'default',
-    size: 'md',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Input>;
-
-export const Default: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-};
-
-export const WithLeftIcon: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    leftIcon: <PlusIcon />,
-  },
-};
-
-export const WithRightIcon: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    rightIcon: <PlusIcon />,
-  },
-};
-
-export const WithLeftAndRightIcon: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    leftIcon: <PlusIcon />,
-    rightIcon: <PlusIcon />,
-  },
-};
-
-export const WithDescription: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    description: 'description',
-  },
-};
-
-export const WithHelperText: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    helperText: 'helper text',
-  },
-};
-
-export const WithLabel: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    label: 'label',
-  },
-};
-
-export const WithPlaceholder: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    placeholder: 'placeholder',
-  },
-};
-
-export const WithValue: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    value: 'Value',
-  },
-};
-
-export const WithDisabled: Story = {
-  render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => (
-    <Input
-      label={label}
-      description={description}
-      leftIcon={leftIcon}
-      rightIcon={rightIcon}
-      helperText={helperText}
-      {...arg}
-    />
-  ),
-  args: {
-    ...Default.args,
-    disabled: true,
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Modal.stories.tsx b/packages/frontend/src/stories/Components/Modal.stories.tsx
deleted file mode 100644
index 16fd9724..00000000
--- a/packages/frontend/src/stories/Components/Modal.stories.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { Modal } from 'components/shared/Modal';
-import { Button } from 'components/shared/Button';
-
-const meta: Meta<typeof Modal> = {
-  component: Modal,
-  title: 'Components/Modal',
-  tags: ['autodocs'],
-  argTypes: {
-    children: {
-      control: 'object',
-    },
-    hasCloseButton: {
-      type: 'boolean',
-    },
-    hasOverlay: {
-      type: 'boolean',
-    },
-    preventClickOutsideToClose: {
-      type: 'boolean',
-    },
-    fullPage: {
-      type: 'boolean',
-    },
-  },
-  args: {
-    hasCloseButton: true,
-    hasOverlay: true,
-    preventClickOutsideToClose: false,
-    fullPage: false,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Modal>;
-
-export const Default: Story = {
-  render: () => {
-    return (
-      <Modal>
-        <Modal.Trigger asChild>
-          <Button>Open modal</Button>
-        </Modal.Trigger>
-        <Modal.Content>
-          <Modal.Header>Modal title</Modal.Header>
-          <Modal.Body>
-            <p>Modal content</p>
-          </Modal.Body>
-          <Modal.Footer>
-            <Button>Close</Button>
-          </Modal.Footer>
-        </Modal.Content>
-      </Modal>
-    );
-  },
-};
diff --git a/packages/frontend/src/stories/Components/OverflownText.stories.tsx b/packages/frontend/src/stories/Components/OverflownText.stories.tsx
deleted file mode 100644
index 6f8822d8..00000000
--- a/packages/frontend/src/stories/Components/OverflownText.stories.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { OverflownText } from 'components/shared/OverflownText';
-
-const meta: Meta<typeof OverflownText> = {
-  title: 'Components/OverflownText',
-  component: OverflownText,
-  tags: ['autodocs'],
-  argTypes: {
-    content: {
-      control: 'text',
-    },
-    children: {
-      control: 'text',
-    },
-    tooltipProps: {
-      control: 'object',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof OverflownText>;
-
-export const Default: Story = {
-  render: ({ children, content, ...args }) => (
-    <OverflownText content={content} {...args}>
-      {children}
-    </OverflownText>
-  ),
-  args: {
-    children:
-      'This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. ',
-    content:
-      'This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. ',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/ProjectSearchBar.stories.tsx b/packages/frontend/src/stories/Components/ProjectSearchBar.stories.tsx
deleted file mode 100644
index 6d168889..00000000
--- a/packages/frontend/src/stories/Components/ProjectSearchBar.stories.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { ProjectSearchBar } from 'components/projects/ProjectSearchBar';
-
-const meta: Meta<typeof ProjectSearchBar> = {
-  title: 'Components/ProjectSearchBar',
-  component: ProjectSearchBar,
-  tags: ['autodocs'],
-  argTypes: {
-    onChange: {
-      action: 'change',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ProjectSearchBar>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Components/Radio.stories.tsx b/packages/frontend/src/stories/Components/Radio.stories.tsx
deleted file mode 100644
index 34e02f30..00000000
--- a/packages/frontend/src/stories/Components/Radio.stories.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Radio, RadioOption, RadioTheme } from 'components/shared/Radio';
-
-const radioVariants: RadioTheme['variant'][] = ['unstyled', 'card'];
-const radioOrientation: RadioTheme['orientation'][] = [
-  'horizontal',
-  'vertical',
-];
-const radioOptions: RadioOption[] = [
-  { label: 'Option 1', value: 'option1' },
-  { label: 'Option 2', value: 'option2' },
-  { label: 'Option 3', value: 'option3' },
-];
-
-const meta: Meta<typeof Radio> = {
-  title: 'Components/Radio',
-  component: Radio,
-  tags: ['autodocs'],
-  argTypes: {
-    options: {
-      control: 'object',
-    },
-    orientation: {
-      control: 'radio',
-      options: radioOrientation,
-    },
-    value: {
-      control: 'object',
-    },
-    onValueChange: {
-      action: 'valueChange',
-    },
-    variant: {
-      control: 'select',
-      options: radioVariants,
-    },
-  },
-  args: {
-    options: radioOptions,
-    orientation: 'horizontal',
-    value: 'option1',
-    onValueChange: (value: string) => console.log(value),
-    variant: 'unstyled',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Radio>;
-
-export const Default: Story = {
-  render: ({ options, orientation, value, onValueChange, ...args }) => (
-    <Radio
-      options={options}
-      orientation={orientation}
-      value={value}
-      onValueChange={onValueChange}
-      {...args}
-    />
-  ),
-  args: {
-    options: radioOptions,
-    orientation: 'horizontal',
-    value: 'option1',
-    onValueChange: (value) => console.log(value),
-  },
-};
-
-export const Vertical: Story = {
-  render: ({ options, orientation, value, onValueChange, ...args }) => (
-    <Radio
-      options={options}
-      orientation={orientation}
-      value={value}
-      onValueChange={onValueChange}
-      {...args}
-    />
-  ),
-  args: {
-    options: radioOptions,
-    orientation: 'vertical',
-    value: 'option1',
-    onValueChange: (value) => console.log(value),
-  },
-};
-
-export const Card: Story = {
-  render: ({ options, orientation, value, onValueChange, ...args }) => (
-    <Radio
-      options={options}
-      orientation={orientation}
-      value={value}
-      onValueChange={onValueChange}
-      {...args}
-    />
-  ),
-  args: {
-    options: radioOptions,
-    orientation: 'horizontal',
-    value: 'option1',
-    onValueChange: (value: string) => console.log(value),
-    variant: 'card',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/SearchBar.stories.tsx b/packages/frontend/src/stories/Components/SearchBar.stories.tsx
deleted file mode 100644
index 15cb0034..00000000
--- a/packages/frontend/src/stories/Components/SearchBar.stories.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import SearchBar from 'components/SearchBar';
-
-const meta: Meta<typeof SearchBar> = {
-  title: 'Components/SearchBar',
-  component: SearchBar,
-  tags: ['autodocs'],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SearchBar>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Components/SegmentedControls.stories.tsx b/packages/frontend/src/stories/Components/SegmentedControls.stories.tsx
deleted file mode 100644
index 7b03149d..00000000
--- a/packages/frontend/src/stories/Components/SegmentedControls.stories.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import {
-  SegmentedControls,
-  SegmentedControlsVariants,
-  SegmentedControlsOption,
-} from 'components/shared/SegmentedControls';
-
-const segmentedControlsTypes: SegmentedControlsVariants['type'][] = [
-  'fixed-width',
-  'full-width',
-];
-const segmentedControlsSizes: SegmentedControlsVariants['size'][] = [
-  'sm',
-  'md',
-];
-const segmentedControlsOptions: SegmentedControlsOption[] = [
-  { label: 'Option 1', value: '1' },
-  { label: 'Option 2', value: '2' },
-  { label: 'Option 3', value: '3' },
-];
-
-const meta: Meta<typeof SegmentedControls> = {
-  title: 'Components/SegmentedControls',
-  component: SegmentedControls,
-  tags: ['autodocs'],
-  argTypes: {
-    options: {
-      control: 'object',
-    },
-    value: {
-      control: 'text',
-    },
-    onChange: {
-      action: 'change',
-    },
-    type: {
-      control: 'select',
-      options: segmentedControlsTypes,
-    },
-    size: {
-      control: 'select',
-      options: segmentedControlsSizes,
-    },
-  },
-  args: {
-    options: segmentedControlsOptions,
-    value: '1',
-    size: 'md',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SegmentedControls>;
-
-export const Default: Story = {
-  render: ({ options, value, onChange, ...args }) => (
-    <SegmentedControls
-      options={options}
-      value={value}
-      onChange={onChange}
-      {...args}
-    />
-  ),
-  args: {
-    options: segmentedControlsOptions,
-    value: '1',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Select.stories.tsx b/packages/frontend/src/stories/Components/Select.stories.tsx
deleted file mode 100644
index ff41209f..00000000
--- a/packages/frontend/src/stories/Components/Select.stories.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-import { PlusIcon } from 'components/shared/CustomIcon';
-
-import { Select, SelectOption, SelectTheme } from 'components/shared/Select';
-
-const selectOrientation: SelectTheme['orientation'][] = [
-  'horizontal',
-  'vertical',
-];
-const selectVariants: SelectTheme['variant'][] = ['default', 'danger'];
-const selectSizes: SelectTheme['size'][] = ['sm', 'md'];
-const selectError: SelectTheme['error'][] = [true, false];
-const selectIsOpen: SelectTheme['isOpen'][] = [true, false];
-const selectOptions: SelectOption[] = [
-  { label: 'Option 1', value: 'option1' },
-  { label: 'Option 2', value: 'option2' },
-  { label: 'Option 3', value: 'option3' },
-];
-
-const meta: Meta<typeof Select> = {
-  title: 'Components/Select',
-  component: Select,
-  tags: ['autodocs'],
-  argTypes: {
-    options: {
-      control: 'object',
-    },
-    label: {
-      control: 'text',
-    },
-    description: {
-      control: 'text',
-    },
-    multiple: {
-      type: 'boolean',
-    },
-    searchable: {
-      type: 'boolean',
-    },
-    clearable: {
-      type: 'boolean',
-    },
-    leftIcon: {
-      control: 'text',
-    },
-    rightIcon: {
-      control: 'text',
-    },
-    helperText: {
-      control: 'text',
-    },
-    hideValues: {
-      type: 'boolean',
-    },
-    value: {
-      control: 'object',
-    },
-    onClear: {
-      action: 'clear',
-    },
-    onChange: {
-      action: 'change',
-    },
-    orientation: {
-      control: 'radio',
-      options: selectOrientation,
-    },
-    placeholder: {
-      control: 'text',
-    },
-    variant: {
-      control: 'select',
-      options: selectVariants,
-    },
-    size: {
-      control: 'select',
-      options: selectSizes,
-    },
-    error: {
-      control: 'radio',
-      options: selectError,
-    },
-    isOpen: {
-      control: 'radio',
-      options: selectIsOpen,
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Select>;
-
-export const Default: Story = {
-  args: {
-    options: selectOptions,
-    label: 'Select',
-    description: 'Select an option',
-  },
-};
-
-export const Multiple: Story = {
-  args: {
-    ...Default.args,
-    multiple: true,
-  },
-};
-
-export const Searchable: Story = {
-  args: {
-    ...Default.args,
-    searchable: true,
-  },
-};
-
-export const Clearable: Story = {
-  args: {
-    ...Default.args,
-    clearable: true,
-  },
-};
-
-export const LeftIcon: Story = {
-  args: {
-    ...Default.args,
-    leftIcon: <PlusIcon />,
-  },
-};
-
-export const RightIcon: Story = {
-  args: {
-    ...Default.args,
-    rightIcon: <PlusIcon />,
-  },
-};
-
-export const HelperText: Story = {
-  args: {
-    ...Default.args,
-    helperText: 'Helper text',
-  },
-};
-
-export const HideValues: Story = {
-  args: {
-    ...Default.args,
-    hideValues: true,
-  },
-};
-
-export const Error: Story = {
-  args: {
-    ...Default.args,
-    error: true,
-  },
-};
-
-export const IsOpen: Story = {
-  args: {
-    ...Default.args,
-    isOpen: true,
-  },
-};
-
-export const WithValue: Story = {
-  args: {
-    ...Default.args,
-    value: selectOptions[0],
-  },
-};
-
-export const WithPlaceholder: Story = {
-  args: {
-    ...Default.args,
-    placeholder: 'Select an option',
-  },
-};
-
-// TODO: fix Select danger variant
-export const WithVariantDanger: Story = {
-  args: {
-    ...Default.args,
-    variant: 'danger',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Step.stories.tsx b/packages/frontend/src/stories/Components/Step.stories.tsx
deleted file mode 100644
index 223e831e..00000000
--- a/packages/frontend/src/stories/Components/Step.stories.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Step, StepTheme } from 'components/shared/Steps';
-
-const stepOrientations: StepTheme['orientation'][] = ['horizontal', 'vertical'];
-
-const meta: Meta<typeof Step> = {
-  title: 'Components/Step',
-  component: Step,
-  tags: ['autodocs'],
-  argTypes: {
-    orientation: {
-      control: 'radio',
-      options: stepOrientations,
-    },
-    currentIndex: {
-      control: 'number',
-    },
-    label: {
-      control: 'text',
-    },
-    index: {
-      control: 'number',
-    },
-  },
-  args: {
-    orientation: 'vertical',
-    label: 'Create repository',
-    index: 1,
-    currentIndex: 1,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Step>;
-
-export const Default: Story = {};
-
-export const Horizontal: Story = {
-  args: {
-    orientation: 'horizontal',
-  },
-};
-
-export const Past: Story = {
-  args: {
-    index: 1,
-    currentIndex: 2,
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Steps.stories.tsx b/packages/frontend/src/stories/Components/Steps.stories.tsx
deleted file mode 100644
index d4d999ea..00000000
--- a/packages/frontend/src/stories/Components/Steps.stories.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Steps, StepsTheme, StepProps } from 'components/shared/Steps';
-
-const stepsOrientations: StepsTheme['orientation'][] = [
-  'horizontal',
-  'vertical',
-];
-const stepsOptions: Pick<StepProps, 'label'>[] = [
-  {
-    label: 'Create repository',
-  },
-  {
-    label: 'Deploy',
-  },
-  {
-    label: `What's next?`,
-  },
-];
-
-const meta: Meta<typeof Steps> = {
-  title: 'Components/Steps',
-  component: Steps,
-  tags: ['autodocs'],
-  argTypes: {
-    orientation: {
-      control: 'radio',
-      options: stepsOrientations,
-    },
-    currentIndex: {
-      control: 'number',
-    },
-    steps: {
-      control: 'object',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Steps>;
-
-export const Default: Story = {
-  args: {
-    orientation: 'vertical',
-    currentIndex: 1,
-    steps: stepsOptions,
-  },
-};
-
-export const Horizontal: Story = {
-  args: {
-    ...Default.args,
-    orientation: 'horizontal',
-  },
-};
-
-export const Past: Story = {
-  args: {
-    ...Default.args,
-    currentIndex: 2,
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Switch.stories.tsx b/packages/frontend/src/stories/Components/Switch.stories.tsx
deleted file mode 100644
index b56394e2..00000000
--- a/packages/frontend/src/stories/Components/Switch.stories.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Switch } from 'components/shared/Switch';
-
-const meta: Meta<typeof Switch> = {
-  title: 'Components/Switch',
-  component: Switch,
-  tags: ['autodocs'],
-  argTypes: {
-    label: {
-      control: 'text',
-    },
-    description: {
-      control: 'text',
-    },
-    wrapperProps: {
-      control: 'object',
-    },
-    onCheckedChange: {
-      action: 'checkedChange',
-    },
-    fullWidth: {
-      control: 'boolean',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Switch>;
-
-export const Default: Story = {};
-
-export const Checked: Story = {
-  args: {
-    checked: true,
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    disabled: true,
-  },
-};
-
-export const WithLabel: Story = {
-  args: {
-    label: 'Label',
-  },
-};
-
-export const WithDescription: Story = {
-  args: {
-    description: 'Description',
-  },
-};
-
-export const WithWrapperProps: Story = {
-  args: {
-    wrapperProps: {
-      style: {
-        border: '1px solid red',
-      },
-    },
-  },
-};
-
-export const WithLabelAndDescription: Story = {
-  args: {
-    label: 'Label',
-    description: 'Description',
-  },
-};
-
-export const WithLabelAndDescriptionAndWrapperProps: Story = {
-  args: {
-    label: 'Label',
-    description: 'Description',
-    wrapperProps: {
-      style: {
-        border: '1px solid red',
-      },
-    },
-  },
-};
-
-export const FullWidthWithLabelAndDescription: Story = {
-  args: {
-    fullWidth: true,
-    label: 'Label',
-    description: 'Description',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Table.stories.tsx b/packages/frontend/src/stories/Components/Table.stories.tsx
deleted file mode 100644
index ce6aa33d..00000000
--- a/packages/frontend/src/stories/Components/Table.stories.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Table } from 'components/shared/Table';
-
-const meta: Meta<typeof Table> = {
-  title: 'Components/Table',
-  component: Table,
-  tags: ['autodocs'],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Table>;
-
-export const Default: Story = {
-  render: ({}) => (
-    <Table>
-      <Table.Header>
-        <Table.Row>
-          <Table.ColumnHeaderCell>Full name</Table.ColumnHeaderCell>
-          <Table.ColumnHeaderCell>Email</Table.ColumnHeaderCell>
-          <Table.ColumnHeaderCell>Group</Table.ColumnHeaderCell>
-        </Table.Row>
-      </Table.Header>
-
-      <Table.Body>
-        <Table.Row>
-          <Table.RowHeaderCell>Danilo Sousa</Table.RowHeaderCell>
-          <Table.Cell>danilo@example.com</Table.Cell>
-          <Table.Cell>Developer</Table.Cell>
-        </Table.Row>
-
-        <Table.Row>
-          <Table.RowHeaderCell>Zahra Ambessa</Table.RowHeaderCell>
-          <Table.Cell>zahra@example.com</Table.Cell>
-          <Table.Cell>Admin</Table.Cell>
-        </Table.Row>
-
-        <Table.Row>
-          <Table.RowHeaderCell>Jasper Eriksson</Table.RowHeaderCell>
-          <Table.Cell>jasper@example.com</Table.Cell>
-          <Table.Cell>Developer</Table.Cell>
-        </Table.Row>
-      </Table.Body>
-    </Table>
-  ),
-  args: {},
-};
diff --git a/packages/frontend/src/stories/Components/Tabs.stories.tsx b/packages/frontend/src/stories/Components/Tabs.stories.tsx
deleted file mode 100644
index 2870874f..00000000
--- a/packages/frontend/src/stories/Components/Tabs.stories.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Tabs } from 'components/shared/Tabs';
-import { Badge } from 'components/shared/Badge';
-import { GlobeIcon } from 'components/shared/CustomIcon';
-
-const meta: Meta<typeof Tabs> = {
-  title: 'Components/Tabs',
-  component: Tabs,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'fullscreen',
-  },
-  argTypes: {
-    orientation: {
-      control: 'radio',
-      options: ['horizontal', 'vertical'],
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Tabs>;
-
-const tabs = Array.from({ length: 8 });
-
-export const Default: Story = {
-  render: ({ orientation }) => (
-    <Tabs defaultValue="A" orientation={orientation}>
-      <Tabs.List>
-        {tabs.map((_, index) => (
-          <Tabs.Trigger key={index} value={index.toString()}>
-            Tab item {index}
-          </Tabs.Trigger>
-        ))}
-      </Tabs.List>
-    </Tabs>
-  ),
-  args: {
-    orientation: 'horizontal',
-  },
-};
-
-export const WithBages: Story = {
-  render: ({ orientation }) => (
-    <Tabs defaultValue="A" orientation={orientation}>
-      <Tabs.List>
-        {tabs.map((_, index) => (
-          <Tabs.Trigger
-            key={index}
-            value={index.toString()}
-            icon={<Badge variant="tertiary">{index}</Badge>}
-          >
-            Tab item
-          </Tabs.Trigger>
-        ))}
-      </Tabs.List>
-    </Tabs>
-  ),
-  args: {
-    ...Default.args,
-  },
-};
-
-export const Vertical: Story = {
-  render: ({ orientation }) => (
-    <Tabs defaultValue="A" orientation={orientation}>
-      <Tabs.List>
-        {tabs.slice(0, 4).map((_, index) => (
-          <Tabs.Trigger
-            key={index}
-            icon={<GlobeIcon />}
-            value={index.toString()}
-          >
-            Tab item {index}
-          </Tabs.Trigger>
-        ))}
-      </Tabs.List>
-    </Tabs>
-  ),
-  args: {
-    orientation: 'vertical',
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Tag.stories.tsx b/packages/frontend/src/stories/Components/Tag.stories.tsx
deleted file mode 100644
index 79d0ea65..00000000
--- a/packages/frontend/src/stories/Components/Tag.stories.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Tag, TagTheme } from 'components/shared/Tag';
-import { PlusIcon } from 'components/shared/CustomIcon';
-
-const tagTypes: TagTheme['type'][] = [
-  'attention',
-  'negative',
-  'positive',
-  'emphasized',
-  'neutral',
-];
-const tagStyles: TagTheme['style'][] = ['default', 'minimal'];
-const tagSizes: TagTheme['size'][] = ['xs', 'sm'];
-
-const meta: Meta<typeof Tag> = {
-  title: 'Components/Tag',
-  component: Tag,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  argTypes: {
-    children: {
-      control: 'object',
-    },
-    leftIcon: {
-      control: 'object',
-    },
-    rightIcon: {
-      control: 'object',
-    },
-    type: {
-      control: 'select',
-      options: tagTypes,
-    },
-    style: {
-      control: 'select',
-      options: tagStyles,
-    },
-    size: {
-      control: 'select',
-      options: tagSizes,
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Tag>;
-
-export const Default: Story = {
-  args: {
-    children: 'Tag',
-    style: 'default',
-    type: 'attention',
-    size: 'sm',
-  },
-};
-
-export const WithLeftIcon: Story = {
-  args: {
-    ...Default.args,
-    leftIcon: <PlusIcon />,
-  },
-};
-
-export const WithRightIcon: Story = {
-  args: {
-    ...Default.args,
-    rightIcon: <PlusIcon />,
-  },
-};
diff --git a/packages/frontend/src/stories/Components/Toast.stories.tsx b/packages/frontend/src/stories/Components/Toast.stories.tsx
deleted file mode 100644
index f0398bcd..00000000
--- a/packages/frontend/src/stories/Components/Toast.stories.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { Toaster, useToast } from 'components/shared/Toast';
-import { Button } from 'components/shared/Button';
-
-const meta: Meta<typeof Toaster> = {
-  title: 'Components/Toaster',
-  component: Toaster,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  argTypes: {},
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Toaster>;
-
-// trigger the toast
-const Toast = () => {
-  const { toast, dismiss } = useToast();
-
-  return (
-    <div className="flex gap-10">
-      {(['success', 'error', 'warning', 'info', 'loading'] as const).map(
-        (variant, index) => (
-          <Button
-            onClick={() =>
-              toast({
-                onDismiss: dismiss,
-                id: `${variant}_${index}`,
-                title: 'Project created',
-                variant,
-              })
-            }
-            key={`${variant}_${index}`}
-          >
-            {variant}
-          </Button>
-        ),
-      )}
-    </div>
-  );
-};
-
-// trigger the toast with cta
-const ToastWithCta = () => {
-  const { toast, dismiss } = useToast();
-
-  return (
-    <div className="flex gap-10">
-      {(['success', 'error', 'warning', 'info', 'loading'] as const).map(
-        (variant, index) => (
-          <Button
-            onClick={() =>
-              toast({
-                onDismiss: dismiss,
-                id: `${variant}_${index}`,
-                title: 'Project created',
-                cta: [
-                  {
-                    buttonLabel: 'Button',
-                    size: 'xs',
-                    variant: 'tertiary',
-                  },
-                  {
-                    buttonLabel: 'Button',
-                    size: 'xs',
-                  },
-                ],
-                variant,
-              })
-            }
-            key={`${variant}_${index}`}
-          >
-            {variant} with cta
-          </Button>
-        ),
-      )}
-    </div>
-  );
-};
-
-export const Default: Story = {
-  render: ({}) => (
-    <div className="flex gap-10">
-      <Toast />
-      <Toaster />
-    </div>
-  ),
-};
-
-export const WithCta: Story = {
-  render: ({}) => (
-    <>
-      <ToastWithCta />
-      <Toaster />
-    </>
-  ),
-};
diff --git a/packages/frontend/src/stories/Components/Tooltip.stories.tsx b/packages/frontend/src/stories/Components/Tooltip.stories.tsx
deleted file mode 100644
index abb2e23f..00000000
--- a/packages/frontend/src/stories/Components/Tooltip.stories.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { ContentProps, Tooltip } from 'components/shared/Tooltip';
-
-const alignments: ContentProps['align'][] = ['start', 'center', 'end'];
-const sides: ContentProps['side'][] = ['left', 'top', 'bottom', 'right'];
-
-const meta: Meta<typeof Tooltip> = {
-  title: 'Components/Tooltip',
-  component: Tooltip,
-  tags: ['autodocs'],
-  argTypes: {
-    contentProps: {
-      control: 'object',
-    },
-  },
-  parameters: {
-    layout: 'centered',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Tooltip>;
-
-export const Default: Story = {
-  render: ({ contentProps, children }) => (
-    <Tooltip contentProps={contentProps} content="Tooltip content">
-      {children}
-    </Tooltip>
-  ),
-  args: {
-    contentProps: {
-      align: 'center',
-      side: 'top',
-    },
-    children: <button>Hover me</button>,
-  },
-};
-
-export const AllAlignments: Story = {
-  render: () => (
-    <div className="flex gap-10">
-      {alignments.map((align) => (
-        <Tooltip
-          key={align}
-          content={`Tooltip content ${align}`}
-          contentProps={{ align }}
-        >
-          <button>Hover me</button>
-        </Tooltip>
-      ))}
-    </div>
-  ),
-};
-
-export const AllSides: Story = {
-  render: () => (
-    <div className="flex gap-10">
-      {sides.map((side) => (
-        <Tooltip
-          key={side}
-          content={`Tooltip content ${side}`}
-          contentProps={{ side }}
-        >
-          <button>Hover me</button>
-        </Tooltip>
-      ))}
-    </div>
-  ),
-};
diff --git a/packages/frontend/src/stories/Components/WavyBorder.stories.tsx b/packages/frontend/src/stories/Components/WavyBorder.stories.tsx
deleted file mode 100644
index ddb80707..00000000
--- a/packages/frontend/src/stories/Components/WavyBorder.stories.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import { WavyBorder } from 'components/shared/WavyBorder';
-
-const meta: Meta<typeof WavyBorder> = {
-  title: 'Components/WavyBorder',
-  component: WavyBorder,
-  tags: ['autodocs'],
-  args: {
-    variant: 'stroke',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof WavyBorder>;
-
-export const Default: Story = {
-  render: ({ variant }) => <WavyBorder variant={variant} />,
-};
diff --git a/packages/frontend/src/stories/Pages/Auth/AuthPage.stories.tsx b/packages/frontend/src/stories/Pages/Auth/AuthPage.stories.tsx
deleted file mode 100644
index 4cf8eb76..00000000
--- a/packages/frontend/src/stories/Pages/Auth/AuthPage.stories.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import {
-  reactRouterParameters,
-  withRouter,
-} from 'storybook-addon-remix-react-router';
-
-import AuthPage from 'pages/AuthPage';
-
-const meta: Meta<typeof AuthPage> = {
-  title: 'Pages/Auth/AuthPage',
-  component: AuthPage,
-  tags: ['autodocs'],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Login: Story = {
-  decorators: [withRouter],
-  parameters: {
-    reactRouter: reactRouterParameters({
-      location: {
-        pathParams: { userId: 'me' },
-      },
-      routing: {
-        path: '/login',
-      },
-    }),
-  },
-};
-
-export const SignUp: Story = {
-  decorators: [withRouter],
-  parameters: {
-    reactRouter: reactRouterParameters({
-      location: {
-        pathParams: { userId: 'me' },
-      },
-      routing: {
-        path: '/signup',
-      },
-    }),
-  },
-};
diff --git a/packages/frontend/src/stories/Project/Settings/AddEnvironmentVariableRow.stories.tsx b/packages/frontend/src/stories/Project/Settings/AddEnvironmentVariableRow.stories.tsx
deleted file mode 100644
index 81d48009..00000000
--- a/packages/frontend/src/stories/Project/Settings/AddEnvironmentVariableRow.stories.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import {
-  reactRouterParameters,
-  withRouter,
-} from 'storybook-addon-remix-react-router';
-
-import AddEnvironmentVariableRow from 'components/projects/project/settings/AddEnvironmentVariableRow';
-
-const meta: Meta<typeof AddEnvironmentVariableRow> = {
-  title: 'Project/Settings/AddEnvironmentVariableRow',
-  component: AddEnvironmentVariableRow,
-  tags: ['autodocs'],
-  decorators: [withRouter],
-  parameters: {
-    reactRouter: reactRouterParameters({
-      location: {
-        pathParams: { userId: 'me' },
-      },
-      routing: {
-        path: '/deploy-tools/projects/6bb3bec2-d71b-4fc0-9e32-4767f68668f4/settings',
-      },
-    }),
-  },
-  argTypes: {
-    onDelete: {
-      action: 'delete',
-    },
-    register: {
-      action: 'register',
-    },
-    index: {
-      type: 'number',
-    },
-    isDeleteDisabled: {
-      type: 'boolean',
-    },
-  },
-  args: {
-    isDeleteDisabled: false,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof AddEnvironmentVariableRow>;
-
-export const Default: Story = {};
-
-export const DisabledDelete: Story = {
-  args: {
-    isDeleteDisabled: true,
-  },
-};
-
-export const First: Story = {
-  args: {
-    index: 0,
-  },
-};
-
-export const Second: Story = {
-  args: {
-    index: 1,
-  },
-};
diff --git a/packages/frontend/src/stories/Project/Settings/AddMemberDialog.stories.tsx b/packages/frontend/src/stories/Project/Settings/AddMemberDialog.stories.tsx
deleted file mode 100644
index 8c7a55c8..00000000
--- a/packages/frontend/src/stories/Project/Settings/AddMemberDialog.stories.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import AddMemberDialog from 'components/projects/project/settings/AddMemberDialog';
-
-const meta: Meta<typeof AddMemberDialog> = {
-  title: 'Project/Settings/AddMemberDialog',
-  component: AddMemberDialog,
-  tags: ['autodocs'],
-  argTypes: {
-    open: {
-      control: {
-        type: 'boolean',
-      },
-    },
-    handleOpen: {
-      action: 'open',
-    },
-    handleAddMember: {
-      action: 'addMember',
-    },
-  },
-  args: {
-    open: true,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof AddMemberDialog>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Project/Settings/Config.stories.tsx b/packages/frontend/src/stories/Project/Settings/Config.stories.tsx
deleted file mode 100644
index a028ada2..00000000
--- a/packages/frontend/src/stories/Project/Settings/Config.stories.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import {
-  reactRouterParameters,
-  withRouter,
-} from 'storybook-addon-remix-react-router';
-
-import Config from '../../../pages/org-slug/projects/id/settings/domains/add/Config';
-
-const meta: Meta<typeof Config> = {
-  title: 'Project/Settings/Config',
-  component: Config,
-  tags: ['autodocs'],
-  decorators: [withRouter],
-  parameters: {
-    reactRouter: reactRouterParameters({
-      location: {
-        pathParams: { userId: 'me' },
-      },
-      routing: {
-        path: '/deploy-tools/projects/6bb3bec2-d71b-4fc0-9e32-4767f68668f4/settings/domains/add/config',
-      },
-    }),
-  },
-} as Meta<typeof Config>;
-
-export default meta;
-
-type Story = StoryObj<typeof Config>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Project/Settings/DeleteProjectDialog.stories.tsx b/packages/frontend/src/stories/Project/Settings/DeleteProjectDialog.stories.tsx
deleted file mode 100644
index 3c370411..00000000
--- a/packages/frontend/src/stories/Project/Settings/DeleteProjectDialog.stories.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import {
-  reactRouterParameters,
-  withRouter,
-} from 'storybook-addon-remix-react-router';
-
-import DeleteProjectDialog from 'components/projects/project/settings/DeleteProjectDialog';
-import { project } from '../../MockStoriesData';
-
-const meta: Meta<typeof DeleteProjectDialog> = {
-  title: 'Project/Settings/DeleteProjectDialog',
-  component: DeleteProjectDialog,
-  tags: ['autodocs'],
-  decorators: [withRouter],
-  parameters: {
-    reactRouter: reactRouterParameters({
-      location: {
-        pathParams: { userId: 'me' },
-      },
-      routing: {
-        path: '/deploy-tools/projects/6bb3bec2-d71b-4fc0-9e32-4767f68668f4/settings',
-      },
-    }),
-  },
-  argTypes: {
-    open: {
-      control: {
-        type: 'boolean',
-      },
-    },
-    handleOpen: {
-      action: 'open',
-    },
-    project: {
-      control: {
-        type: 'object',
-      },
-    },
-  },
-  args: {
-    open: true,
-    project: project,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof DeleteProjectDialog>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Project/Settings/DisplayEnvironmentVariables.stories.tsx b/packages/frontend/src/stories/Project/Settings/DisplayEnvironmentVariables.stories.tsx
deleted file mode 100644
index a3ccc0a8..00000000
--- a/packages/frontend/src/stories/Project/Settings/DisplayEnvironmentVariables.stories.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import DisplayEnvironmentVariables from 'components/projects/project/settings/DisplayEnvironmentVariables';
-import {
-  environmentVariable0,
-  environmentVariable1,
-} from '../../MockStoriesData';
-import { Environment } from 'gql-client';
-
-const meta: Meta<typeof DisplayEnvironmentVariables> = {
-  title: 'Project/Settings/DisplayEnvironmentVariables',
-  component: DisplayEnvironmentVariables,
-  argTypes: {
-    environment: {
-      control: {
-        type: 'object',
-      },
-    },
-    variables: {
-      control: {
-        type: 'object',
-      },
-    },
-    onUpdate: {
-      action: 'update',
-    },
-  },
-  args: {
-    environment: Environment.Development,
-    variables: [environmentVariable0, environmentVariable1],
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof DisplayEnvironmentVariables>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Project/Settings/DomainCard.stories.tsx b/packages/frontend/src/stories/Project/Settings/DomainCard.stories.tsx
deleted file mode 100644
index 601b6fd9..00000000
--- a/packages/frontend/src/stories/Project/Settings/DomainCard.stories.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import DomainCard from 'components/projects/project/settings/DomainCard';
-import { domain0, domain1, project } from '../../MockStoriesData';
-
-const meta: Meta<typeof DomainCard> = {
-  title: 'Project/Settings/DomainCard',
-  component: DomainCard,
-  tags: ['autodocs'],
-  argTypes: {
-    domains: {
-      control: {
-        type: 'object',
-      },
-    },
-    domain: {
-      control: {
-        type: 'object',
-      },
-    },
-    branches: {
-      control: {
-        type: 'object',
-      },
-    },
-    project: {
-      control: {
-        type: 'object',
-      },
-    },
-    onUpdate: {
-      action: 'update',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof DomainCard>;
-
-export const Default: Story = {
-  args: {
-    domains: [domain0, domain1],
-    domain: domain0,
-    branches: ['main'],
-    project: project,
-  },
-};
diff --git a/packages/frontend/src/stories/Project/Settings/EditDomainDialog.stories.tsx b/packages/frontend/src/stories/Project/Settings/EditDomainDialog.stories.tsx
deleted file mode 100644
index 8aa62cf2..00000000
--- a/packages/frontend/src/stories/Project/Settings/EditDomainDialog.stories.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { StoryObj, Meta } from '@storybook/react';
-
-import EditDomainDialog from 'components/projects/project/settings/EditDomainDialog';
-
-const meta: Meta<typeof EditDomainDialog> = {
-  title: 'Components/EditDomainDialog',
-  component: EditDomainDialog,
-  tags: ['autodocs'],
-  argTypes: {
-    domains: {
-      control: {
-        type: 'object',
-      },
-    },
-    open: {
-      control: {
-        type: 'boolean',
-      },
-    },
-    handleOpen: {
-      action: 'open',
-    },
-    domain: {
-      control: {
-        type: 'object',
-      },
-    },
-    branches: {
-      control: {
-        type: 'object',
-      },
-    },
-    onUpdate: {
-      action: 'update',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof EditDomainDialog>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Project/Settings/EditEnvironmentVariableRow.stories.tsx b/packages/frontend/src/stories/Project/Settings/EditEnvironmentVariableRow.stories.tsx
deleted file mode 100644
index 811b0ea4..00000000
--- a/packages/frontend/src/stories/Project/Settings/EditEnvironmentVariableRow.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import EditEnvironmentVariableRow from 'components/projects/project/settings/EditEnvironmentVariableRow';
-import { environmentVariable0 } from '../../MockStoriesData';
-
-const meta: Meta<typeof EditEnvironmentVariableRow> = {
-  title: 'Project/Settings/EditEnvironmentVariableRow',
-  component: EditEnvironmentVariableRow,
-  argTypes: {
-    variable: {
-      control: {
-        type: 'object',
-      },
-    },
-    onUpdate: {
-      action: 'update',
-    },
-  },
-  args: {
-    variable: environmentVariable0,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof EditEnvironmentVariableRow>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Project/Settings/MemberCard.stories.tsx b/packages/frontend/src/stories/Project/Settings/MemberCard.stories.tsx
deleted file mode 100644
index f63029b0..00000000
--- a/packages/frontend/src/stories/Project/Settings/MemberCard.stories.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { User } from 'gql-client';
-import MemberCard from 'components/projects/project/settings/MemberCard';
-
-const meta: Meta<typeof MemberCard> = {
-  title: 'Project/Settings/MemberCard',
-  component: MemberCard,
-  tags: ['autodocs'],
-  argTypes: {
-    member: {
-      control: 'object',
-    },
-    isFirstCard: {
-      control: 'boolean',
-    },
-    isOwner: {
-      control: 'boolean',
-    },
-    isPending: {
-      control: 'boolean',
-    },
-    permissions: {
-      control: 'object',
-    },
-  },
-} as Meta<typeof MemberCard>;
-
-export default meta;
-
-type Story = StoryObj<typeof MemberCard>;
-
-const defaultUser = {
-  id: 'hellodsadass',
-  name: 'Vivian',
-  email: 'welcome@helloworld.com',
-  isVerified: true,
-  createdAt: 'blah',
-  updatedAt: 'blah',
-  gitHubToken: 'blah',
-} as User;
-
-export const Owner: Story = {
-  render: ({ member, isFirstCard, isOwner, isPending, permissions }) => (
-    <MemberCard
-      member={member}
-      isFirstCard={isFirstCard}
-      isOwner={isOwner}
-      isPending={isPending}
-      permissions={permissions}
-    />
-  ),
-  args: {
-    member: defaultUser,
-    isFirstCard: true,
-    isOwner: true,
-    isPending: false,
-    permissions: [],
-  },
-};
-
-export const ViewPlusEditMember: Story = {
-  render: ({ member, isFirstCard, isOwner, isPending, permissions }) => (
-    <MemberCard
-      member={member}
-      isFirstCard={isFirstCard}
-      isOwner={isOwner}
-      isPending={isPending}
-      permissions={permissions}
-    />
-  ),
-  args: {
-    member: defaultUser,
-    isFirstCard: true,
-    isOwner: false,
-    isPending: false,
-    permissions: ['View+Edit'],
-  },
-};
-
-export const ViewMember: Story = {
-  render: ({ member, isFirstCard, isOwner, isPending, permissions }) => (
-    <MemberCard
-      member={member}
-      isFirstCard={isFirstCard}
-      isOwner={isOwner}
-      isPending={isPending}
-      permissions={permissions}
-    />
-  ),
-  args: {
-    member: defaultUser,
-    isFirstCard: true,
-    isOwner: false,
-    isPending: false,
-    permissions: ['View'],
-  },
-};
diff --git a/packages/frontend/src/stories/Project/Settings/SetupDomains.stories.tsx b/packages/frontend/src/stories/Project/Settings/SetupDomains.stories.tsx
deleted file mode 100644
index d77a5c6c..00000000
--- a/packages/frontend/src/stories/Project/Settings/SetupDomains.stories.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import SetupDomain from 'components/projects/project/settings/SetupDomain';
-import {
-  reactRouterParameters,
-  withRouter,
-} from 'storybook-addon-remix-react-router';
-
-const meta: Meta<typeof SetupDomain> = {
-  title: 'Project/Settings/SetupDomain',
-  component: SetupDomain,
-  tags: ['autodocs'],
-  decorators: [withRouter],
-  parameters: {
-    reactRouter: reactRouterParameters({
-      location: {
-        pathParams: { userId: 'me' },
-      },
-      routing: {
-        path: '/deploy-tools/projects/6bb3bec2-d71b-4fc0-9e32-4767f68668f4/settings/domains',
-      },
-    }),
-  },
-} as Meta<typeof SetupDomain>;
-
-export default meta;
-
-type Story = StoryObj<typeof SetupDomain>;
-
-export const Default: Story = {};
diff --git a/packages/frontend/src/stories/Project/Settings/WebhookCard.stories.tsx b/packages/frontend/src/stories/Project/Settings/WebhookCard.stories.tsx
deleted file mode 100644
index c45d36a0..00000000
--- a/packages/frontend/src/stories/Project/Settings/WebhookCard.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import WebhookCard from 'components/projects/project/settings/WebhookCard';
-
-const meta: Meta<typeof WebhookCard> = {
-  title: 'Project/Settings/WebhookCard',
-  component: WebhookCard,
-  tags: ['autodocs'],
-  argTypes: {
-    webhookUrl: {
-      control: {
-        type: 'text',
-      },
-    },
-    onDelete: {
-      action: 'delete',
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof WebhookCard>;
-
-export const Default: Story = {
-  args: {
-    webhookUrl: 'https://api.retool.com',
-  },
-};
diff --git a/packages/frontend/tsconfig.json b/packages/frontend/tsconfig.json
index d5ad0510..738c1b10 100644
--- a/packages/frontend/tsconfig.json
+++ b/packages/frontend/tsconfig.json
@@ -25,6 +25,7 @@
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"],
+      "@/lib/*": ["./src/lib/*"],
       "types/*": ["./src/types/*"],
       "utils/*": ["./src/utils/*"],
       "assets/*": ["./src/assets/*"],
@@ -34,5 +35,7 @@
     }
   },
   "include": ["src"],
+  "exclude": ["dist", "./node_modules"],
+
   "references": [{ "path": "./tsconfig.node.json" }]
 }
diff --git a/packages/frontend/tsconfig.node.json b/packages/frontend/tsconfig.node.json
index 97ede7ee..1c0a35dc 100644
--- a/packages/frontend/tsconfig.node.json
+++ b/packages/frontend/tsconfig.node.json
@@ -2,6 +2,7 @@
   "compilerOptions": {
     "composite": true,
     "skipLibCheck": true,
+    
     "module": "ESNext",
     "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true,
diff --git a/packages/frontend/vite.config.d.ts b/packages/frontend/vite.config.d.ts
new file mode 100644
index 00000000..340562af
--- /dev/null
+++ b/packages/frontend/vite.config.d.ts
@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index c82652b3..ab29b4c2 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -10,11 +10,12 @@ export default defineConfig({
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),
-      utils: '/src/utils',
-      assets: '/src/assets',
-      context: '/src/context',
-      components: '/src/components',
-      pages: '/src/pages',
+      '@/lib': path.resolve(__dirname, './src/lib'),
+      utils: path.resolve(__dirname, './src/utils'),
+      assets: path.resolve(__dirname, './src/assets'),
+      context: path.resolve(__dirname, './src/context'),
+      components: path.resolve(__dirname, './src/components'),
+      pages: path.resolve(__dirname, './src/pages'),
     },
   },
   define: {
diff --git a/qwrk/docs/frontend/SHADCN_MIGRATION.md b/qwrk/docs/frontend/SHADCN_MIGRATION.md
new file mode 100644
index 00000000..fc253fce
--- /dev/null
+++ b/qwrk/docs/frontend/SHADCN_MIGRATION.md
@@ -0,0 +1,110 @@
+# Shadcn Migration Plan
+
+## Overview
+
+Migration from legacy shared components to shadcn/ui components and lucide-react icons.
+
+## 1. Icon Migration Phase
+
+### Lucide Icon Mappings
+
+| Current Custom Icon       | Lucide Equivalent |
+| ------------------------- | ----------------- |
+| ArrowLeftCircleFilledIcon | ArrowLeftCircle   |
+| ArrowRightCircleIcon      | ArrowRight        |
+| BranchIcon                | GitBranch         |
+| BuildingIcon              | Building2         |
+| CalendarIcon              | Calendar          |
+| CheckIcon                 | Check             |
+| ChevronDownIcon           | ChevronDown       |
+| ClockIcon                 | Clock             |
+| CopyIcon                  | Copy              |
+| CrossIcon                 | X                 |
+| EditBigIcon               | Edit              |
+| GearIcon                  | Settings          |
+| GithubIcon                | Github            |
+| LoaderIcon                | Loader2           |
+| LockIcon                  | Lock              |
+| PlusIcon                  | Plus              |
+| SearchIcon                | Search            |
+| TrashIcon                 | Trash2            |
+| WarningIcon               | AlertTriangle     |
+
+### Steps
+
+1. Install lucide-react
+2. Replace custom icons with Lucide equivalents
+3. Remove CustomIcon directory
+4. Update all icon imports
+
+## 2. Component Migration Phase
+
+### Direct Replacements
+
+| Legacy Component | Shadcn Component   |
+| ---------------- | ------------------ |
+| Button           | ui/button.tsx      |
+| Input            | ui/input.tsx       |
+| Select           | ui/select.tsx      |
+| Calendar         | ui/calendar.tsx    |
+| Checkbox         | ui/checkbox.tsx    |
+| Modal            | ui/dialog.tsx      |
+| Radio            | ui/radio-group.tsx |
+| Switch           | ui/switch.tsx      |
+| Table            | ui/table.tsx       |
+| Tabs             | ui/tabs.tsx        |
+| Toast            | ui/toast.tsx       |
+| Tooltip          | ui/tooltip.tsx     |
+
+### Steps
+
+1. Remove each shared component
+2. Update imports to use shadcn components
+3. Fix TypeScript errors as they appear
+4. Test each component replacement
+
+## 3. Special Components Phase
+
+### Components Requiring Custom Handling
+
+- AsyncSelect (needs custom implementation)
+- Any components with specific business logic
+
+### Steps
+
+1. Identify components needing special handling
+2. Create custom implementations where needed
+3. Test thoroughly
+
+## 4. Theme Migration Phase
+
+### Steps
+
+1. Map theme properties to Tailwind classes
+2. Update component styling
+3. Remove .theme.ts files
+4. Verify visual consistency
+
+## 5. Testing & Validation Phase
+
+### Steps
+
+1. Run TypeScript checks
+2. Visual testing of all components
+3. Test all interactive features
+4. Performance testing
+5. Cross-browser testing
+
+## Progress Tracking
+
+- [ ] Icon Migration Complete
+- [ ] Component Migration Complete
+- [ ] Special Components Handled
+- [ ] Theme Migration Complete
+- [ ] Testing & Validation Complete
+
+## Notes
+
+- Keep track of any components that need special attention
+- Document any deviations from the plan
+- Note any breaking changes
diff --git a/yarn.lock b/yarn.lock
index 4cf435ce..e9a792c0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8433,10 +8433,10 @@ better-opn@^3.0.2:
   dependencies:
     open "^8.0.4"
 
-better-sqlite3@^9.2.2:
-  version "9.5.0"
-  resolved "https://registry.npmjs.org/better-sqlite3/-/better-sqlite3-9.5.0.tgz"
-  integrity sha512-01qVcM4gPNwE+PX7ARNiHINwzVuD6nx0gdldaAAcu+MrzyIAukQ31ZDKEpzRO/CNA9sHpxoTZ8rdjoyAin4dyg==
+better-sqlite3@^9.4.1:
+  version "9.6.0"
+  resolved "https://registry.yarnpkg.com/better-sqlite3/-/better-sqlite3-9.6.0.tgz#b01e58ba7c48abcdc0383b8301206ee2ab81d271"
+  integrity sha512-yR5HATnqeYNVnkaUTf4bOP2dJSnyhP4puJN/QPRyx4YkBEEUxib422n2XzPqDEHjQQqazoYoADdAm5vE15+dAQ==
   dependencies:
     bindings "^1.5.0"
     prebuild-install "^7.1.1"
@@ -16287,16 +16287,7 @@ strict-uri-encode@^2.0.0:
   resolved "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz"
   integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
 
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -16333,14 +16324,7 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -17618,7 +17602,7 @@ workspace@^0.0.1-preview.1:
   resolved "https://registry.npmjs.org/workspace/-/workspace-0.0.1-preview.1.tgz"
   integrity sha512-oPpEvU7NIQ0MW7ReL+EigMUI2JPNp05kmqzWS6zXVUaSq5KxuQzfgxGd8wuurBulBkTaOnEcGge+2rriyDVHkw==
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -17636,15 +17620,6 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"