diff --git a/frontend/apps/client/package.json b/frontend/apps/client/package.json
index de844a68..1c8012bf 100644
--- a/frontend/apps/client/package.json
+++ b/frontend/apps/client/package.json
@@ -9,8 +9,6 @@
     "test": "vitest",
     "lint": "eslint .",
     "coverage": "vitest run --coverage",
-    "create-theme": "node src/scripts/create-theme.cjs & pnpm eslint --fix",
-    "create-icon": "node src/scripts/create-icon.cjs",
     "optimize-image": "node src/scripts/optimize-image.cjs",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
diff --git a/frontend/apps/client/tsconfig.app.json b/frontend/apps/client/tsconfig.app.json
index 5d88d692..399d9658 100644
--- a/frontend/apps/client/tsconfig.app.json
+++ b/frontend/apps/client/tsconfig.app.json
@@ -16,5 +16,5 @@
     "allowImportingTsExtensions": true,
     "noEmit": true,
   },
-  "include": ["src", "__tests__"]
+  "include": ["src", "__tests__", "../../packages/ui/scripts/create-icon.cjs", "../../packages/theme/scripts/create-theme.cjs"]
 }
diff --git a/frontend/packages/theme/package.json b/frontend/packages/theme/package.json
index b78a3170..8d18b284 100644
--- a/frontend/packages/theme/package.json
+++ b/frontend/packages/theme/package.json
@@ -27,6 +27,7 @@
     "@vanilla-extract/recipes": "^0.5.5"
   },
   "scripts": {
-    "build": "tsc -b && node scripts/copy-fonts.js"
+    "build": "tsc -b && node scripts/copy-fonts.js",
+    "create-theme": "node ./scripts/create-theme.cjs & pnpm eslint --fix"
   }
 }
diff --git a/frontend/apps/client/src/scripts/create-theme.cjs b/frontend/packages/theme/scripts/create-theme.cjs
similarity index 100%
rename from frontend/apps/client/src/scripts/create-theme.cjs
rename to frontend/packages/theme/scripts/create-theme.cjs
diff --git a/frontend/packages/ui/package.json b/frontend/packages/ui/package.json
index 50c0a78e..3822a8a6 100644
--- a/frontend/packages/ui/package.json
+++ b/frontend/packages/ui/package.json
@@ -13,7 +13,8 @@
     "start": "tsup --watch",
     "test": "vitest",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "create-icon": "node ./scripts/create-icon.cjs"
   },
   "publishConfig": {
     "access": "public"
diff --git a/frontend/apps/client/src/scripts/create-icon.cjs b/frontend/packages/ui/scripts/create-icon.cjs
similarity index 87%
rename from frontend/apps/client/src/scripts/create-icon.cjs
rename to frontend/packages/ui/scripts/create-icon.cjs
index ca553e72..02d69994 100644
--- a/frontend/apps/client/src/scripts/create-icon.cjs
+++ b/frontend/packages/ui/scripts/create-icon.cjs
@@ -1,8 +1,9 @@
 const { existsSync, promises: fs } = require("fs");
 const path = require("path");
+const ICON_DIR_RELATIVE_PATH = "../src/components/Icon";
 
-const SVG_DIR = path.resolve(__dirname, "../components/Icon/svg");
-const COMPONENT_DIR = path.resolve(__dirname,"../components/Icon/component");
+const SVG_DIR = path.resolve(__dirname, `${ICON_DIR_RELATIVE_PATH}/svg`);
+const COMPONENT_DIR = path.resolve(__dirname,`${ICON_DIR_RELATIVE_PATH}/component`);
 
 const generateSvgComponentMap = async () => {
   const svgFiles = (await fs.readdir(SVG_DIR)).reduce(
@@ -50,10 +51,9 @@ const createComponentContent = (
   const hasFill = fillAttributes.length;
   const propsString = `{ clickable = false, className, width = 24, height = 24${hasStroke || hasFill ? ` ${hasStroke ? ', stroke = "white"' : ""}${hasFill ? ', fill = "white"' : ""}` : ""}, ...rest }`;
   const modifiedSvgContent = svgContent
-    .replace(/style="mask-type:luminance"/g, "MASK_TYPE_PLACEHOLDER")
+    .replace(/style="mask-type:([^"]+)"/g, (_match, value) => `style={{ maskType: "${value}" }}`)
     .replace(/data:image/g, "DATA_IMAGE_PLACEHOLDER") 
-    .replace(/[-:](\w)/g, (_, letter) => letter.toUpperCase())
-    .replace(/MASK_TYPE_PLACEHOLDER/g, "mask-type='luminance'")
+    .replace(/[:\-]([A-Za-z])/g, (_, letter) => letter.toUpperCase())
     .replace(/DATA_IMAGE_PLACEHOLDER/g, "data:image")
     .replace(/<svg([^>]*)width="(\d+)"/g, `<svg$1width={width}`)
     .replace(/<svg([^>]*)height="(\d+)"/g, `<svg$1height={height || width}`)
@@ -109,11 +109,11 @@ const generateComponentFiles = async (svgComponentMap) => {
 };
 
 const generateExportFile = async (components) => {
-  const EXPORT_FILE_PATH = path.resolve(__dirname, '../components/Icon/index.ts');
+  const EXPORT_FILE_PATH = path.resolve(__dirname, `${ICON_DIR_RELATIVE_PATH}/index.ts`);
   const exportFileContent = components
     .map(
       (component) =>
-        `export * from "./component/${component}.tsx";`
+        `export * from "./component/${component}";`
     )
     .join("\n");
 
diff --git a/frontend/packages/ui/src/components/Icon/component/ArrowLeft.tsx b/frontend/packages/ui/src/components/Icon/component/ArrowLeft.tsx
index bc1c246e..2811495b 100644
--- a/frontend/packages/ui/src/components/Icon/component/ArrowLeft.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/ArrowLeft.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const ArrowLeft = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='arrow-left icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_732_173'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_732_173)'>
-      <path
-        clipRule='evenodd'
-        d='M14.8585 19.9972C14.6948 19.9292 14.5461 19.8296 14.421 19.704L7.67101 12.954C7.54561 12.8286 7.44613 12.6798 7.37826 12.516C7.31039 12.3522 7.27545 12.1766 7.27545 11.9993C7.27545 11.8219 7.31039 11.6464 7.37826 11.4825C7.44613 11.3187 7.54561 11.1699 7.67101 11.0445L14.421 4.29451C14.5454 4.16478 14.6944 4.0612 14.8594 3.98983C15.0243 3.91846 15.2018 3.88074 15.3815 3.87889C15.5612 3.87703 15.7395 3.91108 15.9059 3.97903C16.0723 4.04698 16.2234 4.14747 16.3504 4.2746C16.4775 4.40173 16.5778 4.55294 16.6457 4.71937C16.7135 4.8858 16.7474 5.0641 16.7454 5.24381C16.7434 5.42351 16.7055 5.60101 16.634 5.7659C16.5625 5.93078 16.4588 6.07973 16.329 6.20401L10.5345 12L16.329 17.7945C16.5181 17.9832 16.6469 18.2238 16.6992 18.4858C16.7515 18.7477 16.7249 19.0193 16.6227 19.2662C16.5206 19.513 16.3475 19.724 16.1254 19.8724C15.9033 20.0209 15.6422 20.1001 15.375 20.1C15.1978 20.1001 15.0222 20.0652 14.8585 19.9972Z'
-        fill='#8B95A1'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const ArrowLeft = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="arrow-left icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_732_173" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_732_173)">
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8585 19.9972C14.6948 19.9292 14.5461 19.8296 14.421 19.704L7.67101 12.954C7.54561 12.8286 7.44613 12.6798 7.37826 12.516C7.31039 12.3522 7.27545 12.1766 7.27545 11.9993C7.27545 11.8219 7.31039 11.6464 7.37826 11.4825C7.44613 11.3187 7.54561 11.1699 7.67101 11.0445L14.421 4.29451C14.5454 4.16478 14.6944 4.0612 14.8594 3.98983C15.0243 3.91846 15.2018 3.88074 15.3815 3.87889C15.5612 3.87703 15.7395 3.91108 15.9059 3.97903C16.0723 4.04698 16.2234 4.14747 16.3504 4.2746C16.4775 4.40173 16.5778 4.55294 16.6457 4.71937C16.7135 4.8858 16.7474 5.0641 16.7454 5.24381C16.7434 5.42351 16.7055 5.60101 16.634 5.7659C16.5625 5.93078 16.4588 6.07973 16.329 6.20401L10.5345 12L16.329 17.7945C16.5181 17.9832 16.6469 18.2238 16.6992 18.4858C16.7515 18.7477 16.7249 19.0193 16.6227 19.2662C16.5206 19.513 16.3475 19.724 16.1254 19.8724C15.9033 20.0209 15.6422 20.1001 15.375 20.1C15.1978 20.1001 15.0222 20.0652 14.8585 19.9972Z" fill="#8B95A1"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 ArrowLeft.displayName = 'ArrowLeft';
diff --git a/frontend/packages/ui/src/components/Icon/component/Calendar.tsx b/frontend/packages/ui/src/components/Icon/component/Calendar.tsx
index 0db77c98..9252aceb 100644
--- a/frontend/packages/ui/src/components/Icon/component/Calendar.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Calendar.tsx
@@ -1,195 +1,67 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Calendar = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='calendar icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 134 130'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <path d='M7.31641 35.8613L126.86 46.32L120.236 122.031C119.851 126.432 115.971 129.688 111.569 129.303L7.96488 120.239C3.56342 119.854 0.307496 115.974 0.692574 111.572L7.31641 35.8613Z' fill='#E5E8EE' />
-    <path d='M7.83984 29.8867L127.383 40.3454L120.759 116.056C120.374 120.458 116.494 123.714 112.093 123.328L8.48832 114.264C4.08685 113.879 0.830933 109.999 1.21601 105.597L7.83984 29.8867Z' fill='url(#paint0_linear_2090_22914)' />
-    <g filter='url(#filter0_d_2090_22914)'>
-      <path d='M9.23244 13.9471C9.61752 9.54563 13.4978 6.28971 17.8992 6.67479L121.503 15.739C125.905 16.1241 129.161 20.0043 128.776 24.4058L127.381 40.3449L7.83795 29.8862L9.23244 13.9471Z' fill='url(#paint1_linear_2090_22914)' />
-    </g>
-    <circle
-      cx='32.9224'
-      cy='18.5293'
-      fill='#3182F6'
-      r='3'
-      transform='rotate(5 32.9224 18.5293)'
-    />
-    <circle
-      cx='56.8326'
-      cy='20.6202'
-      fill='#3182F6'
-      r='3'
-      transform='rotate(5 56.8326 20.6202)'
-    />
-    <circle
-      cx='80.7427'
-      cy='22.7129'
-      fill='#3182F6'
-      r='3'
-      transform='rotate(5 80.7427 22.7129)'
-    />
-    <circle
-      cx='104.649'
-      cy='24.8038'
-      fill='#3182F6'
-      r='3'
-      transform='rotate(5 104.649 24.8038)'
-    />
-    <rect
-      fill='url(#paint2_linear_2090_22914)'
-      height='18'
-      rx='2.4'
-      transform='rotate(5 31.9727 1.88086)'
-      width='4.8'
-      x='31.9727'
-      y='1.88086'
-    />
-    <rect
-      fill='url(#paint3_linear_2090_22914)'
-      height='18'
-      rx='2.4'
-      transform='rotate(5 55.8789 3.97266)'
-      width='4.8'
-      x='55.8789'
-      y='3.97266'
-    />
-    <rect
-      fill='url(#paint4_linear_2090_22914)'
-      height='18'
-      rx='2.4'
-      transform='rotate(5 79.7891 6.06543)'
-      width='4.8'
-      x='79.7891'
-      y='6.06543'
-    />
-    <rect
-      fill='url(#paint5_linear_2090_22914)'
-      height='18'
-      rx='2.4'
-      transform='rotate(5 103.695 8.15625)'
-      width='4.8'
-      x='103.695'
-      y='8.15625'
-    />
-    <path d='M12.5369 38.1272C12.6524 36.8068 13.8165 35.83 15.137 35.9455L42.6319 38.351C43.9524 38.4665 44.9291 39.6306 44.8136 40.951L42.3035 69.6414C42.188 70.9619 41.0239 71.9386 39.7035 71.8231L12.2085 69.4176C10.8881 69.3021 9.91131 68.138 10.0268 66.8176L12.5369 38.1272Z' fill='white' />
-    <path d='M50.7908 41.474C50.9063 40.1535 52.0704 39.1768 53.3908 39.2923L80.8858 41.6978C82.2062 41.8133 83.183 42.9774 83.0675 44.2978L80.5574 72.9882C80.4419 74.3086 79.2778 75.2854 77.9574 75.1699L50.4624 72.7644C49.1419 72.6489 48.1652 71.4848 48.2807 70.1644L50.7908 41.474Z' fill='white' />
-    <path d='M89.0446 44.8208C89.1602 43.5003 90.3242 42.5235 91.6447 42.6391L119.14 45.0446C120.46 45.1601 121.437 46.3242 121.321 47.6446L118.811 76.335C118.696 77.6554 117.532 78.6322 116.211 78.5167L88.7163 76.1112C87.3958 75.9957 86.419 74.8316 86.5346 73.5111L89.0446 44.8208Z' fill='white' />
-    <path d='M9.08555 77.5765C9.20108 76.256 10.3652 75.2793 11.6856 75.3948L39.1806 77.8003C40.501 77.9158 41.4778 79.0799 41.3622 80.4003L38.8522 109.091C38.7366 110.411 37.5726 111.388 36.2521 111.272L8.75716 108.867C7.43672 108.751 6.45995 107.587 6.57547 106.267L9.08555 77.5765Z' fill='white' />
-    <path d='M47.3394 80.9233C47.4549 79.6028 48.619 78.626 49.9395 78.7416L77.4344 81.1471C78.7549 81.2626 79.7316 82.4267 79.6161 83.7471L77.106 112.437C76.9905 113.758 75.8264 114.735 74.506 114.619L47.011 112.214C45.6906 112.098 44.7138 110.934 44.8293 109.614L47.3394 80.9233Z' fill='white' />
-    <path d='M85.5933 84.27C85.7088 82.9496 86.8729 81.9728 88.1933 82.0884L115.688 84.4938C117.009 84.6094 117.985 85.7734 117.87 87.0939L115.36 115.784C115.244 117.105 114.08 118.081 112.76 117.966L85.2649 115.56C83.9445 115.445 82.9677 114.281 83.0832 112.96L85.5933 84.27Z' fill='white' />
-    <defs>
-      <filter
-        colorInterpolationFilters='sRGB'
-        filterUnits='userSpaceOnUse'
-        height='43.7012'
-        id='filter0_d_2090_22914'
-        width='130.969'
-        x='2.83984'
-        y='5.64355'
-      >
-        <feFlood floodOpacity='0' result='BackgroundImageFix' />
-        <feColorMatrix
-          in='SourceAlpha'
-          result='hardAlpha'
-          type='matrix'
-          values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'
-        />
-        <feOffset dy='4' />
-        <feGaussianBlur stdDeviation='2.5' />
-        <feComposite in2='hardAlpha' operator='out' />
-        <feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0' />
-        <feBlend
-          in2='BackgroundImageFix'
-          mode='normal'
-          result='effect1_dropShadow_2090_22914'
-        />
-        <feBlend
-          in='SourceGraphic'
-          in2='effect1_dropShadow_2090_22914'
-          mode='normal'
-          result='shape'
-        />
-      </filter>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint0_linear_2090_22914'
-        x1='67.5871'
-        x2='37.4087'
-        y1='35.395'
-        y2='109.805'
-      >
-        <stop stopColor='#DFE2E6' />
-        <stop offset='1' stopColor='#F9FAFB' />
-      </linearGradient>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint1_linear_2090_22914'
-        x1='69.7013'
-        x2='67.6096'
-        y1='11.2069'
-        y2='35.1155'
-      >
-        <stop stopColor='#64A8FF' />
-        <stop offset='1' stopColor='#3182F6' />
-      </linearGradient>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint2_linear_2090_22914'
-        x1='34.3727'
-        x2='34.3727'
-        y1='1.88086'
-        y2='19.8809'
-      >
-        <stop stopColor='#4E5968' />
-        <stop offset='1' stopColor='#6B7684' />
-      </linearGradient>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint3_linear_2090_22914'
-        x1='58.2789'
-        x2='58.2789'
-        y1='3.97266'
-        y2='21.9726'
-      >
-        <stop stopColor='#4E5968' />
-        <stop offset='1' stopColor='#6B7684' />
-      </linearGradient>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint4_linear_2090_22914'
-        x1='82.1891'
-        x2='82.1891'
-        y1='6.06543'
-        y2='24.0654'
-      >
-        <stop stopColor='#4E5968' />
-        <stop offset='1' stopColor='#6B7684' />
-      </linearGradient>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint5_linear_2090_22914'
-        x1='106.095'
-        x2='106.095'
-        y1='8.15625'
-        y2='26.1562'
-      >
-        <stop stopColor='#4E5968' />
-        <stop offset='1' stopColor='#6B7684' />
-      </linearGradient>
-    </defs>
-  </svg>
+export const Calendar = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 134 130"  xmlns="http://www.w3.org/2000/svg" aria-label="calendar icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<path d="M7.31641 35.8613L126.86 46.32L120.236 122.031C119.851 126.432 115.971 129.688 111.569 129.303L7.96488 120.239C3.56342 119.854 0.307496 115.974 0.692574 111.572L7.31641 35.8613Z" fill="#E5E8EE"/>
+<path d="M7.83984 29.8867L127.383 40.3454L120.759 116.056C120.374 120.458 116.494 123.714 112.093 123.328L8.48832 114.264C4.08685 113.879 0.830933 109.999 1.21601 105.597L7.83984 29.8867Z" fill="url(#paint0_linear_2090_22914)"/>
+<g filter="url(#filter0_d_2090_22914)">
+<path d="M9.23244 13.9471C9.61752 9.54563 13.4978 6.28971 17.8992 6.67479L121.503 15.739C125.905 16.1241 129.161 20.0043 128.776 24.4058L127.381 40.3449L7.83795 29.8862L9.23244 13.9471Z" fill="url(#paint1_linear_2090_22914)"/>
+</g>
+<circle cx="32.9224" cy="18.5293" r="3" transform="rotate(5 32.9224 18.5293)" fill="#3182F6"/>
+<circle cx="56.8326" cy="20.6202" r="3" transform="rotate(5 56.8326 20.6202)" fill="#3182F6"/>
+<circle cx="80.7427" cy="22.7129" r="3" transform="rotate(5 80.7427 22.7129)" fill="#3182F6"/>
+<circle cx="104.649" cy="24.8038" r="3" transform="rotate(5 104.649 24.8038)" fill="#3182F6"/>
+<rect x="31.9727" y="1.88086" width="4.8" height="18" rx="2.4" transform="rotate(5 31.9727 1.88086)" fill="url(#paint2_linear_2090_22914)"/>
+<rect x="55.8789" y="3.97266" width="4.8" height="18" rx="2.4" transform="rotate(5 55.8789 3.97266)" fill="url(#paint3_linear_2090_22914)"/>
+<rect x="79.7891" y="6.06543" width="4.8" height="18" rx="2.4" transform="rotate(5 79.7891 6.06543)" fill="url(#paint4_linear_2090_22914)"/>
+<rect x="103.695" y="8.15625" width="4.8" height="18" rx="2.4" transform="rotate(5 103.695 8.15625)" fill="url(#paint5_linear_2090_22914)"/>
+<path d="M12.5369 38.1272C12.6524 36.8068 13.8165 35.83 15.137 35.9455L42.6319 38.351C43.9524 38.4665 44.9291 39.6306 44.8136 40.951L42.3035 69.6414C42.188 70.9619 41.0239 71.9386 39.7035 71.8231L12.2085 69.4176C10.8881 69.3021 9.91131 68.138 10.0268 66.8176L12.5369 38.1272Z" fill="white"/>
+<path d="M50.7908 41.474C50.9063 40.1535 52.0704 39.1768 53.3908 39.2923L80.8858 41.6978C82.2062 41.8133 83.183 42.9774 83.0675 44.2978L80.5574 72.9882C80.4419 74.3086 79.2778 75.2854 77.9574 75.1699L50.4624 72.7644C49.1419 72.6489 48.1652 71.4848 48.2807 70.1644L50.7908 41.474Z" fill="white"/>
+<path d="M89.0446 44.8208C89.1602 43.5003 90.3242 42.5235 91.6447 42.6391L119.14 45.0446C120.46 45.1601 121.437 46.3242 121.321 47.6446L118.811 76.335C118.696 77.6554 117.532 78.6322 116.211 78.5167L88.7163 76.1112C87.3958 75.9957 86.419 74.8316 86.5346 73.5111L89.0446 44.8208Z" fill="white"/>
+<path d="M9.08555 77.5765C9.20108 76.256 10.3652 75.2793 11.6856 75.3948L39.1806 77.8003C40.501 77.9158 41.4778 79.0799 41.3622 80.4003L38.8522 109.091C38.7366 110.411 37.5726 111.388 36.2521 111.272L8.75716 108.867C7.43672 108.751 6.45995 107.587 6.57547 106.267L9.08555 77.5765Z" fill="white"/>
+<path d="M47.3394 80.9233C47.4549 79.6028 48.619 78.626 49.9395 78.7416L77.4344 81.1471C78.7549 81.2626 79.7316 82.4267 79.6161 83.7471L77.106 112.437C76.9905 113.758 75.8264 114.735 74.506 114.619L47.011 112.214C45.6906 112.098 44.7138 110.934 44.8293 109.614L47.3394 80.9233Z" fill="white"/>
+<path d="M85.5933 84.27C85.7088 82.9496 86.8729 81.9728 88.1933 82.0884L115.688 84.4938C117.009 84.6094 117.985 85.7734 117.87 87.0939L115.36 115.784C115.244 117.105 114.08 118.081 112.76 117.966L85.2649 115.56C83.9445 115.445 82.9677 114.281 83.0832 112.96L85.5933 84.27Z" fill="white"/>
+<defs>
+<filter id="filter0_d_2090_22914" x="2.83984" y="5.64355" width="130.969" height="43.7012" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
+<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="4"/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2090_22914"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2090_22914" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_2090_22914" x1="67.5871" y1="35.395" x2="37.4087" y2="109.805" gradientUnits="userSpaceOnUse">
+<stop stopColor="#DFE2E6"/>
+<stop offset="1" stopColor="#F9FAFB"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2090_22914" x1="69.7013" y1="11.2069" x2="67.6096" y2="35.1155" gradientUnits="userSpaceOnUse">
+<stop stopColor="#64A8FF"/>
+<stop offset="1" stopColor="#3182F6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2090_22914" x1="34.3727" y1="1.88086" x2="34.3727" y2="19.8809" gradientUnits="userSpaceOnUse">
+<stop stopColor="#4E5968"/>
+<stop offset="1" stopColor="#6B7684"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2090_22914" x1="58.2789" y1="3.97266" x2="58.2789" y2="21.9726" gradientUnits="userSpaceOnUse">
+<stop stopColor="#4E5968"/>
+<stop offset="1" stopColor="#6B7684"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2090_22914" x1="82.1891" y1="6.06543" x2="82.1891" y2="24.0654" gradientUnits="userSpaceOnUse">
+<stop stopColor="#4E5968"/>
+<stop offset="1" stopColor="#6B7684"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2090_22914" x1="106.095" y1="8.15625" x2="106.095" y2="26.1562" gradientUnits="userSpaceOnUse">
+<stop stopColor="#4E5968"/>
+<stop offset="1" stopColor="#6B7684"/>
+</linearGradient>
+</defs>
+</svg>
 
-);
+    );
+};
 
 Calendar.displayName = 'Calendar';
diff --git a/frontend/packages/ui/src/components/Icon/component/CalendarCheck.tsx b/frontend/packages/ui/src/components/Icon/component/CalendarCheck.tsx
index 1035a5bf..370f9f1a 100644
--- a/frontend/packages/ui/src/components/Icon/component/CalendarCheck.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/CalendarCheck.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const CalendarCheck = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='calendar-check icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_732_699'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_732_699)'>
-      <path
-        clipRule='evenodd'
-        d='M11.623 15.999C11.4355 16.1865 11.1812 16.2918 10.916 16.2918C10.6508 16.2918 10.3965 16.1865 10.209 15.999L6.79299 12.582C6.70014 12.4891 6.6265 12.3789 6.57625 12.2576C6.526 12.1363 6.50014 12.0063 6.50014 11.875C6.50014 11.7437 6.526 11.6137 6.57625 11.4924C6.6265 11.3711 6.70014 11.2608 6.79299 11.168C6.88583 11.0751 6.99605 11.0015 7.11736 10.9512C7.23867 10.901 7.36869 10.8751 7.49999 10.8751C7.63129 10.8751 7.76131 10.901 7.88261 10.9512C8.00392 11.0015 8.11414 11.0751 8.20699 11.168L10.916 13.877L15.793 9.00099C15.8858 8.90814 15.9961 8.83449 16.1174 8.78425C16.2387 8.734 16.3687 8.70814 16.5 8.70814C16.6313 8.70814 16.7613 8.734 16.8826 8.78425C17.0039 8.83449 17.1141 8.90814 17.207 9.00099C17.2998 9.09383 17.3735 9.20405 17.4237 9.32536C17.474 9.44667 17.4998 9.57669 17.4998 9.70799C17.4998 9.83929 17.474 9.96931 17.4237 10.0906C17.3735 10.2119 17.2998 10.3221 17.207 10.415L11.623 15.999ZM18.07 2.79999V1.79999C18.07 1.53477 17.9646 1.28042 17.7771 1.09288C17.5896 0.905345 17.3352 0.799988 17.07 0.799988C16.8048 0.799988 16.5504 0.905345 16.3629 1.09288C16.1753 1.28042 16.07 1.53477 16.07 1.79999V2.79999H7.92999V1.79999C7.92999 1.53477 7.82463 1.28042 7.63709 1.09288C7.44956 0.905345 7.1952 0.799988 6.92999 0.799988C6.66477 0.799988 6.41042 0.905345 6.22288 1.09288C6.03534 1.28042 5.92999 1.53477 5.92999 1.79999V2.79999H4.29999C3.76956 2.79999 3.26085 3.0107 2.88577 3.38577C2.5107 3.76085 2.29999 4.26955 2.29999 4.79999V20.2C2.29999 20.7304 2.5107 21.2391 2.88577 21.6142C3.26085 21.9893 3.76956 22.2 4.29999 22.2H19.7C20.2304 22.2 20.7391 21.9893 21.1142 21.6142C21.4893 21.2391 21.7 20.7304 21.7 20.2V4.79999C21.7 4.26955 21.4893 3.76085 21.1142 3.38577C20.7391 3.0107 20.2304 2.79999 19.7 2.79999H18.07Z'
-        fill='#8B95A1'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const CalendarCheck = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="calendar-check icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_732_699" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_732_699)">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.623 15.999C11.4355 16.1865 11.1812 16.2918 10.916 16.2918C10.6508 16.2918 10.3965 16.1865 10.209 15.999L6.79299 12.582C6.70014 12.4891 6.6265 12.3789 6.57625 12.2576C6.526 12.1363 6.50014 12.0063 6.50014 11.875C6.50014 11.7437 6.526 11.6137 6.57625 11.4924C6.6265 11.3711 6.70014 11.2608 6.79299 11.168C6.88583 11.0751 6.99605 11.0015 7.11736 10.9512C7.23867 10.901 7.36869 10.8751 7.49999 10.8751C7.63129 10.8751 7.76131 10.901 7.88261 10.9512C8.00392 11.0015 8.11414 11.0751 8.20699 11.168L10.916 13.877L15.793 9.00099C15.8858 8.90814 15.9961 8.83449 16.1174 8.78425C16.2387 8.734 16.3687 8.70814 16.5 8.70814C16.6313 8.70814 16.7613 8.734 16.8826 8.78425C17.0039 8.83449 17.1141 8.90814 17.207 9.00099C17.2998 9.09383 17.3735 9.20405 17.4237 9.32536C17.474 9.44667 17.4998 9.57669 17.4998 9.70799C17.4998 9.83929 17.474 9.96931 17.4237 10.0906C17.3735 10.2119 17.2998 10.3221 17.207 10.415L11.623 15.999ZM18.07 2.79999V1.79999C18.07 1.53477 17.9646 1.28042 17.7771 1.09288C17.5896 0.905345 17.3352 0.799988 17.07 0.799988C16.8048 0.799988 16.5504 0.905345 16.3629 1.09288C16.1753 1.28042 16.07 1.53477 16.07 1.79999V2.79999H7.92999V1.79999C7.92999 1.53477 7.82463 1.28042 7.63709 1.09288C7.44956 0.905345 7.1952 0.799988 6.92999 0.799988C6.66477 0.799988 6.41042 0.905345 6.22288 1.09288C6.03534 1.28042 5.92999 1.53477 5.92999 1.79999V2.79999H4.29999C3.76956 2.79999 3.26085 3.0107 2.88577 3.38577C2.5107 3.76085 2.29999 4.26955 2.29999 4.79999V20.2C2.29999 20.7304 2.5107 21.2391 2.88577 21.6142C3.26085 21.9893 3.76956 22.2 4.29999 22.2H19.7C20.2304 22.2 20.7391 21.9893 21.1142 21.6142C21.4893 21.2391 21.7 20.7304 21.7 20.2V4.79999C21.7 4.26955 21.4893 3.76085 21.1142 3.38577C20.7391 3.0107 20.2304 2.79999 19.7 2.79999H18.07Z" fill="#8B95A1"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 CalendarCheck.displayName = 'CalendarCheck';
diff --git a/frontend/packages/ui/src/components/Icon/component/Check.tsx b/frontend/packages/ui/src/components/Icon/component/Check.tsx
index 4b0f6931..ee843afd 100644
--- a/frontend/packages/ui/src/components/Icon/component/Check.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Check.tsx
@@ -1,38 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Check = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='check icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_1002_7989'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_1002_7989)'>
-      <path d='M9.80001 16.8L5.20001 12.2C4.70001 11.7 4.70001 11 5.20001 10.5C5.70001 10 6.40001 10 6.90001 10.5L10.6 14.2L17.2 7.60004C17.7 7.10004 18.4 7.10004 18.9 7.60004C19.4 8.10004 19.4 8.80004 18.9 9.30004L11.5 16.7C11.2 17.1 10.9 17.2 10.6 17.2V17.2C10.3 17.2 10 17.1 9.80001 16.8Z' fill='white' />
-    </g>
-  </svg>
+export const Check = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="check icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_1002_7989" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_1002_7989)">
+<path d="M9.80001 16.8L5.20001 12.2C4.70001 11.7 4.70001 11 5.20001 10.5C5.70001 10 6.40001 10 6.90001 10.5L10.6 14.2L17.2 7.60004C17.7 7.10004 18.4 7.10004 18.9 7.60004C19.4 8.10004 19.4 8.80004 18.9 9.30004L11.5 16.7C11.2 17.1 10.9 17.2 10.6 17.2V17.2C10.3 17.2 10 17.1 9.80001 16.8Z" fill="white"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 Check.displayName = 'Check';
diff --git a/frontend/packages/ui/src/components/Icon/component/CheckGraphic.tsx b/frontend/packages/ui/src/components/Icon/component/CheckGraphic.tsx
new file mode 100644
index 00000000..447cf06c
--- /dev/null
+++ b/frontend/packages/ui/src/components/Icon/component/CheckGraphic.tsx
@@ -0,0 +1,65 @@
+   
+import type { IconProps } from '../Icon.d.ts';
+
+export const CheckGraphic = ({ clickable = false, className, width = 24, height = 24 , stroke = "white", fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 180 180"  xmlns="http://www.w3.org/2000/svg" aria-label="check-graphic icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<g clipPath="url(#clip0_894_193)">
+<mask id="mask0_894_193" style={{ maskType: "alpha" }} maskUnits="userSpaceOnUse" x="0" y="0" width="180" height="180">
+<rect width="180" height="180" fill="white"/>
+</mask>
+<g mask="url(#mask0_894_193)">
+<rect width="180" height="180" fill="#F3F6FC"/>
+<g filter="url(#filter0_f_894_193)">
+<circle cx="115.2" cy="88.2" r="27" fill="#90C2FF"/>
+</g>
+<g filter="url(#filter1_f_894_193)">
+<ellipse cx="46.35" cy="132.3" rx="14.85" ry="27" fill="#76E4B8"/>
+</g>
+<g filter="url(#filter2_d_894_193)">
+<rect x="77.8491" y="65.25" width="72" height="72" rx="16" transform="rotate(10 77.8491 65.25)" fill="white"/>
+<rect x="78.2547" y="65.8292" width="71" height="71" rx="15.5" transform="rotate(10 78.2547 65.8292)" stroke="#E5E8EB"/>
+</g>
+<mask id="mask1_894_193" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="78" y="78" width="58" height="58">
+<rect x="87.3398" y="78.8045" width="48.6" height="48.6" transform="rotate(10 87.3398 78.8045)" fill="white"/>
+</mask>
+<g mask="url(#mask1_894_193)">
+<path d="M100.976 115.754L93.4197 104.963C92.5984 103.79 92.8446 102.394 94.0175 101.573C95.1904 100.751 96.5864 100.998 97.4077 102.17L103.485 110.85L118.968 100.009C120.141 99.1877 121.537 99.4339 122.358 100.607C123.18 101.78 122.933 103.176 121.76 103.997L104.401 116.152C103.662 116.844 103.029 116.938 102.43 116.833C101.832 116.727 101.269 116.422 100.976 115.754Z" fill="url(#paint0_linear_894_193)"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_894_193" x="-11.8" y="-38.8" width="254" height="254" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_894_193"/>
+</filter>
+<filter id="filter1_f_894_193" x="-38.5" y="35.3" width="169.7" height="194" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="35" result="effect1_foregroundBlur_894_193"/>
+</filter>
+<filter id="filter2_d_894_193" x="47.8791" y="47.7826" width="118.344" height="118.344" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
+<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="10"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<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="BackgroundImageFix" result="effect1_dropShadow_894_193"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_894_193" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_894_193" x1="108.83" y1="97.4502" x2="105.322" y2="117.343" gradientUnits="userSpaceOnUse">
+<stop stopColor="#64A8FF"/>
+<stop offset="1" stopColor="#3182F6"/>
+</linearGradient>
+<clipPath id="clip0_894_193">
+<rect width="180" height="180" rx="90" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
+    );
+};
+
+CheckGraphic.displayName = 'CheckGraphic';
diff --git a/frontend/packages/ui/src/components/Icon/component/ChevronDown.tsx b/frontend/packages/ui/src/components/Icon/component/ChevronDown.tsx
index aa5289c2..d80b3114 100644
--- a/frontend/packages/ui/src/components/Icon/component/ChevronDown.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/ChevronDown.tsx
@@ -1,32 +1,20 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const ChevronDown = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='chevron-down icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 20 20'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <g clipPath='url(#clip0_2682_4812)'>
-      <path d='M10 13.75L3.75 7.5L4.625 6.625L10 12L15.375 6.625L16.25 7.5L10 13.75Z' fill='#8B95A1' />
-    </g>
-    <defs>
-      <clipPath id='clip0_2682_4812'>
-        <rect
-          fill='white'
-          height='20'
-          width='20'
-        />
-      </clipPath>
-    </defs>
-  </svg>
+export const ChevronDown = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 20 20"  xmlns="http://www.w3.org/2000/svg" aria-label="chevron-down icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<g clipPath="url(#clip0_2682_4812)">
+<path d="M10 13.75L3.75 7.5L4.625 6.625L10 12L15.375 6.625L16.25 7.5L10 13.75Z" fill="#8B95A1"/>
+</g>
+<defs>
+<clipPath id="clip0_2682_4812">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
 
-);
+    );
+};
 
 ChevronDown.displayName = 'ChevronDown';
diff --git a/frontend/packages/ui/src/components/Icon/component/ChevronLeft.tsx b/frontend/packages/ui/src/components/Icon/component/ChevronLeft.tsx
index 5f23a825..f1e197dd 100644
--- a/frontend/packages/ui/src/components/Icon/component/ChevronLeft.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/ChevronLeft.tsx
@@ -1,21 +1,13 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const ChevronLeft = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='chevron-left icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <path d='M14.3727 8.04134L10.412 11.9893L14.3481 15.9627C14.7367 16.3553 14.7347 16.988 14.3421 17.3767C14.1474 17.57 13.8927 17.6667 13.6381 17.6667C13.3807 17.6667 13.1234 17.568 12.9281 17.3707L8.29006 12.6893C7.90206 12.2973 7.9034 11.6667 8.29406 11.2773L12.9607 6.62534C13.3507 6.23534 13.9854 6.23601 14.3747 6.62734C14.7647 7.01868 14.7633 7.65201 14.3727 8.04134Z' fill='#6B7684' />
-  </svg>
+export const ChevronLeft = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="chevron-left icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<path d="M14.3727 8.04134L10.412 11.9893L14.3481 15.9627C14.7367 16.3553 14.7347 16.988 14.3421 17.3767C14.1474 17.57 13.8927 17.6667 13.6381 17.6667C13.3807 17.6667 13.1234 17.568 12.9281 17.3707L8.29006 12.6893C7.90206 12.2973 7.9034 11.6667 8.29406 11.2773L12.9607 6.62534C13.3507 6.23534 13.9854 6.23601 14.3747 6.62734C14.7647 7.01868 14.7633 7.65201 14.3727 8.04134Z" fill="#6B7684"/>
+</svg>
 
-);
+    );
+};
 
 ChevronLeft.displayName = 'ChevronLeft';
diff --git a/frontend/packages/ui/src/components/Icon/component/ChevronRight.tsx b/frontend/packages/ui/src/components/Icon/component/ChevronRight.tsx
index 264f393f..1d2cbed9 100644
--- a/frontend/packages/ui/src/components/Icon/component/ChevronRight.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/ChevronRight.tsx
@@ -1,21 +1,13 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const ChevronRight = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='chevron-right icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <path d='M15.7057 11.6107C16.0963 12 16.0977 12.6307 15.7097 13.0227L11.0717 17.704C10.8763 17.9013 10.619 18 10.3617 18C10.107 18 9.85233 17.9033 9.65766 17.71C9.265 17.3213 9.263 16.6887 9.65166 16.296L13.5877 12.3227L9.62706 8.37466C9.2364 7.98532 9.23506 7.35192 9.62506 6.96066C10.0144 6.56932 10.6491 6.56866 11.0391 6.95866L15.7057 11.6107Z' fill='#6B7684' />
-  </svg>
+export const ChevronRight = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="chevron-right icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<path d="M15.7057 11.6107C16.0963 12 16.0977 12.6307 15.7097 13.0227L11.0717 17.704C10.8763 17.9013 10.619 18 10.3617 18C10.107 18 9.85233 17.9033 9.65766 17.71C9.265 17.3213 9.263 16.6887 9.65166 16.296L13.5877 12.3227L9.62706 8.37466C9.2364 7.98532 9.23506 7.35192 9.62506 6.96066C10.0144 6.56932 10.6491 6.56866 11.0391 6.95866L15.7057 11.6107Z" fill="#6B7684"/>
+</svg>
 
-);
+    );
+};
 
 ChevronRight.displayName = 'ChevronRight';
diff --git a/frontend/packages/ui/src/components/Icon/component/CircleCheck.tsx b/frontend/packages/ui/src/components/Icon/component/CircleCheck.tsx
index a7c06d74..7f6a9f89 100644
--- a/frontend/packages/ui/src/components/Icon/component/CircleCheck.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/CircleCheck.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const CircleCheck = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='circle-check icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_787_13421'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_787_13421)'>
-      <path
-        clipRule='evenodd'
-        d='M11.6235 15.7988C11.4354 15.9856 11.1811 16.0904 10.916 16.0904C10.6509 16.0904 10.3966 15.9856 10.2085 15.7988L6.79251 12.3828C6.69967 12.2899 6.62602 12.1797 6.57577 12.0584C6.52552 11.9371 6.49966 11.8071 6.49966 11.6758C6.49966 11.4106 6.605 11.1563 6.79251 10.9688C6.98002 10.7812 7.23434 10.6759 7.49951 10.6759C7.76469 10.6759 8.019 10.7812 8.20651 10.9688L10.9155 13.6778L15.7925 8.80076C15.8854 8.70791 15.9956 8.63426 16.1169 8.58402C16.2382 8.53377 16.3682 8.50791 16.4995 8.50791C16.6308 8.50791 16.7608 8.53377 16.8821 8.58402C17.0034 8.63426 17.1137 8.70791 17.2065 8.80076C17.2994 8.8936 17.373 9.00382 17.4233 9.12513C17.4735 9.24644 17.4994 9.37645 17.4994 9.50776C17.4994 9.63906 17.4735 9.76907 17.4233 9.89038C17.373 10.0117 17.2994 10.1219 17.2065 10.2148L11.6235 15.7988ZM0.999512 11.9998C0.999512 18.0748 5.92451 22.9998 11.9995 22.9998C18.0745 22.9998 22.9995 18.0748 22.9995 11.9998C22.9995 5.92476 18.0745 0.999756 11.9995 0.999756C5.92451 0.999756 0.999512 5.92476 0.999512 11.9998Z'
-        fill='#4593FC'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const CircleCheck = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="circle-check icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_787_13421" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_787_13421)">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.6235 15.7988C11.4354 15.9856 11.1811 16.0904 10.916 16.0904C10.6509 16.0904 10.3966 15.9856 10.2085 15.7988L6.79251 12.3828C6.69967 12.2899 6.62602 12.1797 6.57577 12.0584C6.52552 11.9371 6.49966 11.8071 6.49966 11.6758C6.49966 11.4106 6.605 11.1563 6.79251 10.9688C6.98002 10.7812 7.23434 10.6759 7.49951 10.6759C7.76469 10.6759 8.019 10.7812 8.20651 10.9688L10.9155 13.6778L15.7925 8.80076C15.8854 8.70791 15.9956 8.63426 16.1169 8.58402C16.2382 8.53377 16.3682 8.50791 16.4995 8.50791C16.6308 8.50791 16.7608 8.53377 16.8821 8.58402C17.0034 8.63426 17.1137 8.70791 17.2065 8.80076C17.2994 8.8936 17.373 9.00382 17.4233 9.12513C17.4735 9.24644 17.4994 9.37645 17.4994 9.50776C17.4994 9.63906 17.4735 9.76907 17.4233 9.89038C17.373 10.0117 17.2994 10.1219 17.2065 10.2148L11.6235 15.7988ZM0.999512 11.9998C0.999512 18.0748 5.92451 22.9998 11.9995 22.9998C18.0745 22.9998 22.9995 18.0748 22.9995 11.9998C22.9995 5.92476 18.0745 0.999756 11.9995 0.999756C5.92451 0.999756 0.999512 5.92476 0.999512 11.9998Z" fill="#4593FC"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 CircleCheck.displayName = 'CircleCheck';
diff --git a/frontend/packages/ui/src/components/Icon/component/Clock.tsx b/frontend/packages/ui/src/components/Icon/component/Clock.tsx
index 718207e8..0a1d6713 100644
--- a/frontend/packages/ui/src/components/Icon/component/Clock.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Clock.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Clock = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='clock icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_732_837'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_732_837)'>
-      <path
-        clipRule='evenodd'
-        d='M12.981 11.855C12.9754 11.9227 12.9616 11.9895 12.94 12.054C12.9038 12.1736 12.8447 12.285 12.766 12.382C12.722 12.435 12.676 12.482 12.622 12.526C12.597 12.546 12.582 12.575 12.555 12.593L7.829 15.743C7.60832 15.8846 7.34086 15.9338 7.08423 15.8801C6.8276 15.8264 6.60233 15.6741 6.45692 15.4559C6.31152 15.2377 6.25761 14.9712 6.30682 14.7136C6.35602 14.4561 6.5044 14.2282 6.72 14.079L11 11.226V6.556C11 6.29078 11.1054 6.03643 11.2929 5.84889C11.4804 5.66136 11.7348 5.556 12 5.556C12.2652 5.556 12.5196 5.66136 12.7071 5.84889C12.8946 6.03643 13 6.29078 13 6.556V11.761C13 11.794 12.984 11.823 12.981 11.855ZM1.5 12C1.5 17.799 6.201 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.201 17.799 1.5 12 1.5C6.201 1.5 1.5 6.201 1.5 12Z'
-        fill='#8B95A1'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const Clock = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="clock icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_732_837" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_732_837)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.981 11.855C12.9754 11.9227 12.9616 11.9895 12.94 12.054C12.9038 12.1736 12.8447 12.285 12.766 12.382C12.722 12.435 12.676 12.482 12.622 12.526C12.597 12.546 12.582 12.575 12.555 12.593L7.829 15.743C7.60832 15.8846 7.34086 15.9338 7.08423 15.8801C6.8276 15.8264 6.60233 15.6741 6.45692 15.4559C6.31152 15.2377 6.25761 14.9712 6.30682 14.7136C6.35602 14.4561 6.5044 14.2282 6.72 14.079L11 11.226V6.556C11 6.29078 11.1054 6.03643 11.2929 5.84889C11.4804 5.66136 11.7348 5.556 12 5.556C12.2652 5.556 12.5196 5.66136 12.7071 5.84889C12.8946 6.03643 13 6.29078 13 6.556V11.761C13 11.794 12.984 11.823 12.981 11.855ZM1.5 12C1.5 17.799 6.201 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.201 17.799 1.5 12 1.5C6.201 1.5 1.5 6.201 1.5 12Z" fill="#8B95A1"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 Clock.displayName = 'Clock';
diff --git a/frontend/packages/ui/src/components/Icon/component/ClockGraphic.tsx b/frontend/packages/ui/src/components/Icon/component/ClockGraphic.tsx
index 12e3fe62..10d3e198 100644
--- a/frontend/packages/ui/src/components/Icon/component/ClockGraphic.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/ClockGraphic.tsx
@@ -7,11 +7,11 @@ export const ClockGraphic = ({ clickable = false, className, width = 24, height
 <circle cx="100" cy="100" r="100" fill="url(#paint0_linear_894_208)"/>
 <circle cx="100" cy="100.5" r="75" fill="url(#paint1_radial_894_208)"/>
 <rect x="104.158" y="98.5" width="8" height="66" rx="4" transform="rotate(120 104.158 98.5)" fill="#4E5968"/>
-<rect x="99.6569" y="106.512" width="8" height="50" rx="4" transform="rotate(135 99.6569 106.512)" fill="#4E5968"/>
+<rect x="99.6569" y="106.512" width="8" height="50" rx="4" transform="rotate(-135 99.6569 106.512)" fill="#4E5968"/>
 <rect x="98" y="100" width="4" height="60" rx="2" fill="#4593FC"/>
 <circle cx="100" cy="100.5" r="10" fill="white" stroke="#E5E8EB" strokeWidth="4"/>
 <defs>
-<linearGradient id="paint0_linear_894_208" x1="1.8593e06" y1="10.0503" x2="192.95" y2="206.91" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_894_208" x1="-1.8593e-06" y1="10.0503" x2="192.95" y2="206.91" gradientUnits="userSpaceOnUse">
 <stop stopColor="#D1D6DB"/>
 <stop offset="1" stopColor="#F2F4F6"/>
 </linearGradient>
diff --git a/frontend/packages/ui/src/components/Icon/component/Close.tsx b/frontend/packages/ui/src/components/Icon/component/Close.tsx
index 46723f33..d8e88dd0 100644
--- a/frontend/packages/ui/src/components/Icon/component/Close.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Close.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Close = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='close icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_732_197'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_732_197)'>
-      <path
-        clipRule='evenodd'
-        d='M19.466 6.349C19.5775 6.23757 19.6659 6.10527 19.7263 5.95966C19.7867 5.81405 19.8178 5.65798 19.8178 5.50035C19.8179 5.34272 19.7869 5.18663 19.7266 5.04098C19.6663 4.89534 19.5779 4.76299 19.4665 4.6515C19.3551 4.54 19.2228 4.45155 19.0772 4.39119C18.9316 4.33082 18.7755 4.29973 18.6178 4.29968C18.4602 4.29964 18.3041 4.33064 18.1585 4.39092C18.0128 4.45119 17.8805 4.53957 17.769 4.651L12.118 10.303L6.46599 4.651C6.23835 4.43837 5.937 4.32251 5.62555 4.32787C5.3141 4.33323 5.01692 4.45938 4.79672 4.67971C4.57652 4.90003 4.45054 5.19729 4.44537 5.50875C4.4402 5.8202 4.55624 6.12148 4.76899 6.349L10.421 12L4.76899 17.651C4.60195 17.8192 4.48837 18.033 4.44254 18.2656C4.39671 18.4982 4.42067 18.7391 4.51141 18.9581C4.60215 19.1771 4.75562 19.3644 4.95252 19.4964C5.14941 19.6284 5.38094 19.6992 5.61799 19.7C5.92499 19.7 6.23199 19.583 6.46599 19.349L12.118 13.697L17.769 19.349C17.8803 19.4607 18.0125 19.5493 18.1581 19.6097C18.3037 19.6702 18.4598 19.7013 18.6175 19.7013C18.7751 19.7013 18.9313 19.6702 19.0769 19.6097C19.2225 19.5493 19.3547 19.4607 19.466 19.349C19.5776 19.2375 19.6661 19.1052 19.7265 18.9595C19.7869 18.8138 19.8179 18.6577 19.8179 18.5C19.8179 18.3423 19.7869 18.1861 19.7265 18.0405C19.6661 17.8948 19.5776 17.7624 19.466 17.651L13.815 12L19.466 6.349Z'
-        fill='#8B95A1'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const Close = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="close icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_732_197" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_732_197)">
+<path fillRule="evenodd" clipRule="evenodd" d="M19.466 6.349C19.5775 6.23757 19.6659 6.10527 19.7263 5.95966C19.7867 5.81405 19.8178 5.65798 19.8178 5.50035C19.8179 5.34272 19.7869 5.18663 19.7266 5.04098C19.6663 4.89534 19.5779 4.76299 19.4665 4.6515C19.3551 4.54 19.2228 4.45155 19.0772 4.39119C18.9316 4.33082 18.7755 4.29973 18.6178 4.29968C18.4602 4.29964 18.3041 4.33064 18.1585 4.39092C18.0128 4.45119 17.8805 4.53957 17.769 4.651L12.118 10.303L6.46599 4.651C6.23835 4.43837 5.937 4.32251 5.62555 4.32787C5.3141 4.33323 5.01692 4.45938 4.79672 4.67971C4.57652 4.90003 4.45054 5.19729 4.44537 5.50875C4.4402 5.8202 4.55624 6.12148 4.76899 6.349L10.421 12L4.76899 17.651C4.60195 17.8192 4.48837 18.033 4.44254 18.2656C4.39671 18.4982 4.42067 18.7391 4.51141 18.9581C4.60215 19.1771 4.75562 19.3644 4.95252 19.4964C5.14941 19.6284 5.38094 19.6992 5.61799 19.7C5.92499 19.7 6.23199 19.583 6.46599 19.349L12.118 13.697L17.769 19.349C17.8803 19.4607 18.0125 19.5493 18.1581 19.6097C18.3037 19.6702 18.4598 19.7013 18.6175 19.7013C18.7751 19.7013 18.9313 19.6702 19.0769 19.6097C19.2225 19.5493 19.3547 19.4607 19.466 19.349C19.5776 19.2375 19.6661 19.1052 19.7265 18.9595C19.7869 18.8138 19.8179 18.6577 19.8179 18.5C19.8179 18.3423 19.7869 18.1861 19.7265 18.0405C19.6661 17.8948 19.5776 17.7624 19.466 17.651L13.815 12L19.466 6.349Z" fill="#8B95A1"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 Close.displayName = 'Close';
diff --git a/frontend/packages/ui/src/components/Icon/component/Google.tsx b/frontend/packages/ui/src/components/Icon/component/Google.tsx
index 74ffb632..a77c5d4d 100644
--- a/frontend/packages/ui/src/components/Icon/component/Google.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Google.tsx
@@ -1,44 +1,16 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Google = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='google icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 23'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <path
-      clipRule='evenodd'
-      d='M23.04 11.7615C23.04 10.946 22.9668 10.1619 22.8309 9.40918H12V13.8576H18.1891C17.9225 15.2951 17.1123 16.513 15.8943 17.3285V20.214H19.6109C21.7855 18.2119 23.04 15.2637 23.04 11.7615Z'
-      fill='white'
-      fillRule='evenodd'
-    />
-    <path
-      clipRule='evenodd'
-      d='M11.9995 23.0001C15.1045 23.0001 17.7077 21.9703 19.6104 20.2139L15.8938 17.3285C14.864 18.0185 13.5467 18.4262 11.9995 18.4262C9.00425 18.4262 6.46902 16.4032 5.5647 13.6851H1.72266V16.6646C3.61493 20.423 7.50402 23.0001 11.9995 23.0001Z'
-      fill='white'
-      fillRule='evenodd'
-    />
-    <path
-      clipRule='evenodd'
-      d='M5.56523 13.685C5.33523 12.995 5.20455 12.2579 5.20455 11.5C5.20455 10.742 5.33523 10.005 5.56523 9.31499V6.33545H1.72318C0.944318 7.88795 0.5 9.64431 0.5 11.5C0.5 13.3557 0.944318 15.112 1.72318 16.6645L5.56523 13.685Z'
-      fill='white'
-      fillRule='evenodd'
-    />
-    <path
-      clipRule='evenodd'
-      d='M11.9995 4.57386C13.6879 4.57386 15.2038 5.15409 16.3956 6.29364L19.694 2.99523C17.7024 1.13955 15.0992 0 11.9995 0C7.50402 0 3.61493 2.57705 1.72266 6.33545L5.5647 9.315C6.46902 6.59682 9.00425 4.57386 11.9995 4.57386Z'
-      fill='white'
-      fillRule='evenodd'
-    />
-  </svg>
+export const Google = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 23"  xmlns="http://www.w3.org/2000/svg" aria-label="google icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.04 11.7615C23.04 10.946 22.9668 10.1619 22.8309 9.40918H12V13.8576H18.1891C17.9225 15.2951 17.1123 16.513 15.8943 17.3285V20.214H19.6109C21.7855 18.2119 23.04 15.2637 23.04 11.7615Z" fill="white"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9995 23.0001C15.1045 23.0001 17.7077 21.9703 19.6104 20.2139L15.8938 17.3285C14.864 18.0185 13.5467 18.4262 11.9995 18.4262C9.00425 18.4262 6.46902 16.4032 5.5647 13.6851H1.72266V16.6646C3.61493 20.423 7.50402 23.0001 11.9995 23.0001Z" fill="white"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.56523 13.685C5.33523 12.995 5.20455 12.2579 5.20455 11.5C5.20455 10.742 5.33523 10.005 5.56523 9.31499V6.33545H1.72318C0.944318 7.88795 0.5 9.64431 0.5 11.5C0.5 13.3557 0.944318 15.112 1.72318 16.6645L5.56523 13.685Z" fill="white"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9995 4.57386C13.6879 4.57386 15.2038 5.15409 16.3956 6.29364L19.694 2.99523C17.7024 1.13955 15.0992 0 11.9995 0C7.50402 0 3.61493 2.57705 1.72266 6.33545L5.5647 9.315C6.46902 6.59682 9.00425 4.57386 11.9995 4.57386Z" fill="white"/>
+</svg>
 
-);
+    );
+};
 
 Google.displayName = 'Google';
diff --git a/frontend/packages/ui/src/components/Icon/component/GoogleCalendar.tsx b/frontend/packages/ui/src/components/Icon/component/GoogleCalendar.tsx
index c40c0845..a74a802d 100644
--- a/frontend/packages/ui/src/components/Icon/component/GoogleCalendar.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/GoogleCalendar.tsx
@@ -1,42 +1,19 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const GoogleCalendar = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='google-calendar icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    xmlnsXlink='http://www.w3.org/1999/xlink'
-    {...rest}
-  >
-    <rect
-      fill='url(#pattern0_387_28254)'
-      height='24'
-      width='24'
-    />
-    <defs>
-      <pattern
-        height='1'
-        id='pattern0_387_28254'
-        patternContentUnits='objectBoundingBox'
-        width='1'
-      >
-        <use transform='scale(0.00195312)' xlinkHref='#image0_387_28254' />
-      </pattern>
-      <image
-        height='512'
-        id='image0_387_28254'
-        width='512'
-        xlinkHref='data:image/png;base64,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'
-      />
-    </defs>
-  </svg>
+export const GoogleCalendar = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" aria-label="google-calendar icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<rect width="24" height="24" fill="url(#pattern0_387_28254)"/>
+<defs>
+<pattern id="pattern0_387_28254" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlinkHref="#image0_387_28254" transform="scale(0.00195312)"/>
+</pattern>
+<image id="image0_387_28254" width="512" height="512" xlinkHref="data:image/png;base64,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"/>
+</defs>
+</svg>
 
-);
+    );
+};
 
 GoogleCalendar.displayName = 'GoogleCalendar';
diff --git a/frontend/packages/ui/src/components/Icon/component/IconDotsMono.tsx b/frontend/packages/ui/src/components/Icon/component/IconDotsMono.tsx
index 4b74846b..59bf76e1 100644
--- a/frontend/packages/ui/src/components/Icon/component/IconDotsMono.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/IconDotsMono.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const IconDotsMono = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='icon-dots-mono icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_732_481'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_732_481)'>
-      <path
-        clipRule='evenodd'
-        d='M4.46446 13.8476C4.22177 13.747 4.00128 13.5995 3.81556 13.4137C3.62984 13.2279 3.48254 13.0074 3.38207 12.7646C3.28159 12.5219 3.22991 12.2617 3.22998 11.999C3.23005 11.7363 3.28186 11.4762 3.38245 11.2335C3.48305 10.9908 3.63046 10.7703 3.81627 10.5846C4.00208 10.3989 4.22265 10.2516 4.46538 10.1511C4.70812 10.0506 4.96827 9.99896 5.23098 9.99902C5.76155 9.99916 6.27033 10.21 6.6454 10.5853C7.02047 10.9606 7.23111 11.4695 7.23098 12C7.23085 12.5306 7.01995 13.0394 6.64469 13.4144C6.26943 13.7895 5.76055 14.0002 5.22998 14C4.96727 14 4.70715 13.9481 4.46446 13.8476ZM10.5868 13.4142C10.2117 13.0392 10.001 12.5305 10.001 12C10.001 11.4696 10.2117 10.9609 10.5868 10.5858C10.9618 10.2107 11.4705 10 12.001 10C12.5314 10 13.0401 10.2107 13.4152 10.5858C13.7903 10.9609 14.001 11.4696 14.001 12C14.001 12.5305 13.7903 13.0392 13.4152 13.4142C13.0401 13.7893 12.5314 14 12.001 14C11.4705 14 10.9618 13.7893 10.5868 13.4142ZM18.0055 13.8476C17.7628 13.747 17.5423 13.5995 17.3566 13.4137C17.1708 13.2279 17.0235 13.0074 16.9231 12.7646C16.8226 12.5219 16.7709 12.2617 16.771 11.999C16.771 11.7363 16.8229 11.4762 16.9235 11.2335C17.024 10.9908 17.1715 10.7703 17.3573 10.5846C17.5431 10.3989 17.7636 10.2516 18.0064 10.1511C18.2491 10.0506 18.5093 9.99896 18.772 9.99902C19.3025 9.99916 19.8113 10.21 20.1864 10.5853C20.5615 10.9606 20.7721 11.4695 20.772 12C20.7718 12.5306 20.561 13.0394 20.1857 13.4144C19.8104 13.7895 19.3015 14.0002 18.771 14C18.5083 14 18.2481 13.9481 18.0055 13.8476Z'
-        fill='#8B95A1'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const IconDotsMono = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="icon-dots-mono icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_732_481" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_732_481)">
+<path fillRule="evenodd" clipRule="evenodd" d="M4.46446 13.8476C4.22177 13.747 4.00128 13.5995 3.81556 13.4137C3.62984 13.2279 3.48254 13.0074 3.38207 12.7646C3.28159 12.5219 3.22991 12.2617 3.22998 11.999C3.23005 11.7363 3.28186 11.4762 3.38245 11.2335C3.48305 10.9908 3.63046 10.7703 3.81627 10.5846C4.00208 10.3989 4.22265 10.2516 4.46538 10.1511C4.70812 10.0506 4.96827 9.99896 5.23098 9.99902C5.76155 9.99916 6.27033 10.21 6.6454 10.5853C7.02047 10.9606 7.23111 11.4695 7.23098 12C7.23085 12.5306 7.01995 13.0394 6.64469 13.4144C6.26943 13.7895 5.76055 14.0002 5.22998 14C4.96727 14 4.70715 13.9481 4.46446 13.8476ZM10.5868 13.4142C10.2117 13.0392 10.001 12.5305 10.001 12C10.001 11.4696 10.2117 10.9609 10.5868 10.5858C10.9618 10.2107 11.4705 10 12.001 10C12.5314 10 13.0401 10.2107 13.4152 10.5858C13.7903 10.9609 14.001 11.4696 14.001 12C14.001 12.5305 13.7903 13.0392 13.4152 13.4142C13.0401 13.7893 12.5314 14 12.001 14C11.4705 14 10.9618 13.7893 10.5868 13.4142ZM18.0055 13.8476C17.7628 13.747 17.5423 13.5995 17.3566 13.4137C17.1708 13.2279 17.0235 13.0074 16.9231 12.7646C16.8226 12.5219 16.7709 12.2617 16.771 11.999C16.771 11.7363 16.8229 11.4762 16.9235 11.2335C17.024 10.9908 17.1715 10.7703 17.3573 10.5846C17.5431 10.3989 17.7636 10.2516 18.0064 10.1511C18.2491 10.0506 18.5093 9.99896 18.772 9.99902C19.3025 9.99916 19.8113 10.21 20.1864 10.5853C20.5615 10.9606 20.7721 11.4695 20.772 12C20.7718 12.5306 20.561 13.0394 20.1857 13.4144C19.8104 13.7895 19.3015 14.0002 18.771 14C18.5083 14 18.2481 13.9481 18.0055 13.8476Z" fill="#8B95A1"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 IconDotsMono.displayName = 'IconDotsMono';
diff --git a/frontend/packages/ui/src/components/Icon/component/Logo.tsx b/frontend/packages/ui/src/components/Icon/component/Logo.tsx
index 37a77660..71465bb9 100644
--- a/frontend/packages/ui/src/components/Icon/component/Logo.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Logo.tsx
@@ -1,95 +1,45 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Logo = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='logo icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 84 22'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <path d='M5 7H25V19.6667C25 20.403 24.403 21 23.6667 21H6.33333C5.59695 21 5 20.403 5 19.6667V7Z' fill='#D1D6DB' />
-    <path d='M5 6H25V17.977C25 18.7134 24.403 19.3103 23.6667 19.3103H6.33333C5.59695 19.3103 5 18.7134 5 17.977V6Z' fill='url(#paint0_linear_792_13815)' />
-    <g filter='url(#filter0_d_792_13815)'>
-      <path d='M5 3.33333C5 2.59695 5.59695 2 6.33333 2H23.6667C24.403 2 25 2.59695 25 3.33333V6H5V3.33333Z' fill='#64A8FF' />
-    </g>
-    <path d='M8.66406 1.68966C8.66406 1.30877 8.97283 1 9.35372 1C9.7346 1 10.0434 1.30877 10.0434 1.68966V3.75862C10.0434 4.13951 9.7346 4.44828 9.35372 4.44828C8.97283 4.44828 8.66406 4.13951 8.66406 3.75862V1.68966Z' fill='#4E5968' />
-    <path d='M14.2918 1.68966C14.2918 1.30877 14.6005 1 14.9814 1C15.3623 1 15.6711 1.30877 15.6711 1.68966V3.75862C15.6711 4.13951 15.3623 4.44828 14.9814 4.44828C14.6005 4.44828 14.2918 4.13951 14.2918 3.75862V1.68966Z' fill='#4E5968' />
-    <path d='M19.9195 1.68966C19.9195 1.30877 20.2282 1 20.6091 1C20.99 1 21.2988 1.30877 21.2988 1.68966V3.75862C21.2988 4.13951 20.99 4.44828 20.6091 4.44828C20.2282 4.44828 19.9195 4.13951 19.9195 3.75862V1.68966Z' fill='#4E5968' />
-    <path d='M72.7077 12.1039C72.7077 12.2036 72.7496 12.2463 72.8195 12.2606C73.2384 12.3603 73.9365 12.4172 74.4113 12.4172C74.9978 12.4172 75.7937 12.346 76.7572 12.0896C76.841 12.0612 76.9806 12.0469 77.0504 12.0469C77.4833 12.0469 77.8883 12.3603 77.8883 12.8446C77.8883 13.2291 77.609 13.5425 77.218 13.6564C76.1568 13.9698 75.1374 14.041 74.4113 14.041C73.6992 14.041 72.6798 13.9698 71.842 13.7134C71.074 13.4998 70.8366 13.0012 70.8366 12.346V5.63726C70.8366 5.02478 71.3812 4.76839 71.7722 4.76839C72.1632 4.76839 72.7077 5.02478 72.7077 5.63726V12.1039ZM79.1869 4.78264C79.1869 4.17016 79.7315 3.91377 80.1224 3.91377C80.5134 3.91377 81.058 4.17016 81.058 4.78264V8.44326H82.217C82.7197 8.44326 82.999 8.78511 82.999 9.26939C82.999 9.75368 82.7197 10.0955 82.217 10.0955H81.058V17.2174C81.058 17.8298 80.5134 18.0862 80.1224 18.0862C79.7315 18.0862 79.1869 17.8298 79.1869 17.2174V4.78264Z' fill='#333D48' />
-    <path d='M65.9218 4.78264C65.9218 4.17016 66.4663 3.91377 66.8573 3.91377C67.2483 3.91377 67.7929 4.17016 67.7929 4.78264V7.09011H68.9519C69.4546 7.09011 69.7338 7.43196 69.7338 7.91624C69.7338 8.40053 69.4546 8.74238 68.9519 8.74238H67.7929V12.9443C67.7929 13.5567 67.2483 13.8131 66.8573 13.8131C66.4663 13.8131 65.9218 13.5567 65.9218 12.9443V4.78264ZM57.4598 5.60877C57.4598 5.05327 57.9066 4.71142 58.5071 4.71142H63.143C63.7434 4.71142 64.1903 5.05327 64.1903 5.60877V9.79641C64.1903 10.4659 64.0227 10.765 63.52 11.0071C62.9894 11.2635 62.0538 11.4344 60.825 11.4344C59.5962 11.4344 58.6607 11.2635 58.158 11.0214C57.6273 10.765 57.4598 10.4659 57.4598 9.79641V5.60877ZM58.9818 13.4285C58.9818 12.8161 59.5264 12.5597 59.9174 12.5597C60.3084 12.5597 60.8529 12.8161 60.8529 13.4285V15.9354C60.8529 16.0636 60.9367 16.1491 61.0624 16.1491H67.3879C67.8906 16.1491 68.1699 16.4909 68.1699 16.9752C68.1699 17.4595 67.8906 17.8014 67.3879 17.8014H60.1827C59.4985 17.8014 58.9818 17.3028 58.9818 16.6476V13.4285ZM59.303 9.52578C59.303 9.597 59.3449 9.65397 59.4147 9.66822C59.7498 9.76792 60.2246 9.81065 60.825 9.81065C61.4255 9.81065 61.9002 9.76792 62.2354 9.66822C62.3052 9.65397 62.3471 9.597 62.3471 9.52578V6.3352H59.303V9.52578Z' fill='#333D48' />
-    <path d='M53.7441 4.78264C53.7441 4.17016 54.2887 3.91377 54.6657 3.91377C55.0707 3.91377 55.5873 4.17016 55.5873 4.78264V17.1889C55.5873 17.8014 55.0707 18.0577 54.6657 18.0577C54.2887 18.0577 53.7441 17.8014 53.7441 17.1889V4.78264ZM49.1501 9.01301C49.1501 8.52872 49.4294 8.18687 49.9321 8.18687H50.8537V4.93932C50.8537 4.32684 51.3982 4.07045 51.7753 4.07045C52.1802 4.07045 52.6969 4.32684 52.6969 4.93932V16.9325C52.6969 17.545 52.1802 17.8014 51.7753 17.8014C51.3982 17.8014 50.8537 17.545 50.8537 16.9325V9.83914H49.9321C49.4294 9.83914 49.1501 9.49729 49.1501 9.01301Z' fill='#333D48' />
-    <path d='M40.1741 4.78264C40.1741 4.17016 40.7187 3.91377 41.1097 3.91377C41.5007 3.91377 42.0453 4.17016 42.0453 4.78264V12.9443C42.0453 13.5567 41.5007 13.8131 41.1097 13.8131C40.7187 13.8131 40.1741 13.5567 40.1741 12.9443V8.88481H38.3589C37.9958 10.4659 36.5994 11.5769 34.7283 11.5769C32.55 11.5769 31 10.067 31 8.05868C31 6.03608 32.55 4.54049 34.7283 4.54049C36.5994 4.54049 38.0098 5.63726 38.3589 7.23255H40.1741V4.78264ZM32.8432 8.05868C32.8432 9.15544 33.6671 9.96733 34.7283 9.96733C35.7895 9.96733 36.6134 9.15544 36.6134 8.05868C36.6134 6.96192 35.7895 6.15003 34.7283 6.15003C33.6671 6.15003 32.8432 6.96192 32.8432 8.05868ZM33.0108 13.4285C33.0108 12.8161 33.5554 12.5597 33.9463 12.5597C34.3373 12.5597 34.8819 12.8161 34.8819 13.4285V15.9354C34.8819 16.0636 34.9657 16.1491 35.0914 16.1491H41.5565C42.0592 16.1491 42.3385 16.4909 42.3385 16.9752C42.3385 17.4595 42.0592 17.8014 41.5565 17.8014H34.2116C33.5274 17.8014 33.0108 17.3028 33.0108 16.6476V13.4285Z' fill='#333D48' />
-    <mask fill='white' id='path9Inside1_792_13815'>
-      <path
-        clipRule='evenodd'
-        d='M44.7025 5.07832C44.2698 5.07832 43.9191 5.42906 43.9191 5.86173C43.9191 6.29439 44.2698 6.64513 44.7025 6.64513H45.9142V7.32867C45.9142 8.14056 45.8584 9.00942 45.6629 9.67887C45.3557 10.7471 44.8669 11.4736 43.9593 12.4849C43.7778 12.6843 43.5963 12.9407 43.5963 13.2968C43.5963 13.6386 43.9035 14.0089 44.3643 14.0089C44.8111 14.0089 45.1043 13.8238 45.4255 13.4677C46.1935 12.5846 46.5845 11.8012 46.8498 10.9466C47.0872 11.8012 47.5899 12.7413 48.2462 13.4677C48.5813 13.838 48.8745 14.0089 49.3214 14.0089C49.8101 14.0089 50.0894 13.6386 50.0894 13.2968C50.0894 12.9407 49.9078 12.7128 49.7263 12.4849C48.9304 11.4878 48.3299 10.7329 48.0227 9.67887C47.8272 9.00942 47.7714 8.14056 47.7714 7.32867V6.64513H49.0004C49.4331 6.64513 49.7838 6.29439 49.7838 5.86173C49.7838 5.42906 49.4331 5.07832 49.0004 5.07832H44.7025Z'
-        fillRule='evenodd'
-      />
-    </mask>
-    <path
-      clipRule='evenodd'
-      d='M44.7025 5.07832C44.2698 5.07832 43.9191 5.42906 43.9191 5.86173C43.9191 6.29439 44.2698 6.64513 44.7025 6.64513H45.9142V7.32867C45.9142 8.14056 45.8584 9.00942 45.6629 9.67887C45.3557 10.7471 44.8669 11.4736 43.9593 12.4849C43.7778 12.6843 43.5963 12.9407 43.5963 13.2968C43.5963 13.6386 43.9035 14.0089 44.3643 14.0089C44.8111 14.0089 45.1043 13.8238 45.4255 13.4677C46.1935 12.5846 46.5845 11.8012 46.8498 10.9466C47.0872 11.8012 47.5899 12.7413 48.2462 13.4677C48.5813 13.838 48.8745 14.0089 49.3214 14.0089C49.8101 14.0089 50.0894 13.6386 50.0894 13.2968C50.0894 12.9407 49.9078 12.7128 49.7263 12.4849C48.9304 11.4878 48.3299 10.7329 48.0227 9.67887C47.8272 9.00942 47.7714 8.14056 47.7714 7.32867V6.64513H49.0004C49.4331 6.64513 49.7838 6.29439 49.7838 5.86173C49.7838 5.42906 49.4331 5.07832 49.0004 5.07832H44.7025Z'
-      fill='#333D48'
-      fillRule='evenodd'
-    />
-    <path
-      d='M45.9142 6.64513H46.9142V5.64513H45.9142V6.64513ZM45.6629 9.67887L44.703 9.39856L44.7018 9.40251L45.6629 9.67887ZM43.9593 12.4849L44.6988 13.1581L44.7035 13.1528L43.9593 12.4849ZM45.4255 13.4677L46.1681 14.1374L46.1741 14.1307L46.1801 14.1239L45.4255 13.4677ZM46.8498 10.9466L47.8133 10.6789L46.9031 7.40198L45.8947 10.6501L46.8498 10.9466ZM48.2462 13.4677L47.5041 14.1381L47.5047 14.1387L48.2462 13.4677ZM49.7263 12.4849L50.5085 11.8618L50.5078 11.861L49.7263 12.4849ZM48.0227 9.67887L48.9828 9.39906L48.9826 9.39856L48.0227 9.67887ZM47.7714 6.64513V5.64513H46.7714V6.64513H47.7714ZM44.9191 5.86173C44.9191 5.98135 44.8221 6.07832 44.7025 6.07832V4.07832C43.7175 4.07832 42.9191 4.87678 42.9191 5.86173H44.9191ZM44.7025 5.64513C44.8221 5.64513 44.9191 5.7421 44.9191 5.86173H42.9191C42.9191 6.84667 43.7175 7.64513 44.7025 7.64513V5.64513ZM45.9142 5.64513H44.7025V7.64513H45.9142V5.64513ZM44.9142 6.64513V7.32867H46.9142V6.64513H44.9142ZM44.9142 7.32867C44.9142 8.11922 44.8571 8.87086 44.703 9.39856L46.6228 9.95918C46.8597 9.14798 46.9142 8.16189 46.9142 7.32867H44.9142ZM44.7018 9.40251C44.4531 10.2673 44.0721 10.862 43.2151 11.8169L44.7035 13.1528C45.6618 12.0851 46.2582 11.227 46.6239 9.95524L44.7018 9.40251ZM43.2198 11.8117C42.9818 12.0731 42.5963 12.5651 42.5963 13.2968H44.5963C44.5963 13.294 44.5964 13.2948 44.596 13.2967C44.5956 13.2981 44.5962 13.295 44.6006 13.2862C44.6115 13.2649 44.6369 13.2261 44.6988 13.158L43.2198 11.8117ZM42.5963 13.2968C42.5963 14.1845 43.3448 15.0089 44.3643 15.0089V13.0089C44.4145 13.0089 44.4739 13.033 44.517 13.0763C44.5487 13.1083 44.5963 13.1767 44.5963 13.2968H42.5963ZM44.3643 15.0089C44.7383 15.0089 45.0879 14.9284 45.4146 14.7531C45.7258 14.5862 45.9686 14.3586 46.1681 14.1374L44.6829 12.7979C44.5612 12.9328 44.4968 12.9759 44.4694 12.9906C44.4579 12.9967 44.4494 12.9998 44.4397 13.0022C44.429 13.0047 44.4061 13.0089 44.3643 13.0089V15.0089ZM46.1801 14.1239C47.0445 13.1299 47.5009 12.2222 47.8048 11.243L45.8947 10.6501C45.6681 11.3802 45.3425 12.0392 44.6709 12.8115L46.1801 14.1239ZM45.8863 11.2142C46.1648 12.2171 46.7428 13.2954 47.5041 14.1381L48.9882 12.7973C48.4369 12.1871 48.0095 11.3853 47.8133 10.6789L45.8863 11.2142ZM47.5047 14.1387C47.7139 14.3698 47.963 14.5992 48.2802 14.7643C48.6122 14.937 48.9592 15.0089 49.3214 15.0089V13.0089C49.2367 13.0089 49.2137 12.9954 49.2035 12.9901C49.1786 12.9772 49.1136 12.9359 48.9876 12.7967L47.5047 14.1387ZM49.3214 15.0089C50.3933 15.0089 51.0894 14.1594 51.0894 13.2968H49.0894C49.0894 13.2034 49.1238 13.1334 49.1699 13.0857C49.1957 13.0591 49.2264 13.0381 49.2587 13.0244C49.2916 13.0105 49.3153 13.0089 49.3214 13.0089V15.0089ZM51.0894 13.2968C51.0894 12.5517 50.6761 12.0722 50.5085 11.8618L48.9441 13.1079C48.992 13.168 49.0223 13.2064 49.0486 13.2428C49.0732 13.2769 49.0847 13.2964 49.09 13.3067C49.0947 13.3156 49.0934 13.3149 49.0915 13.3076C49.0893 13.2996 49.0894 13.2946 49.0894 13.2968H51.0894ZM50.5078 11.861C49.6927 10.8399 49.226 10.2334 48.9828 9.39906L47.0627 9.95869C47.4339 11.2324 48.1681 12.1357 48.9448 13.1088L50.5078 11.861ZM48.9826 9.39856C48.8285 8.87086 48.7714 8.11922 48.7714 7.32867H46.7714C46.7714 8.16189 46.8259 9.14798 47.0628 9.95918L48.9826 9.39856ZM48.7714 7.32867V6.64513H46.7714V7.32867H48.7714ZM49.0004 5.64513H47.7714V7.64513H49.0004V5.64513ZM48.7838 5.86173C48.7838 5.7421 48.8808 5.64513 49.0004 5.64513V7.64513C49.9854 7.64513 50.7838 6.84667 50.7838 5.86173H48.7838ZM49.0004 6.07832C48.8808 6.07832 48.7838 5.98135 48.7838 5.86173H50.7838C50.7838 4.87678 49.9854 4.07832 49.0004 4.07832V6.07832ZM44.7025 6.07832H49.0004V4.07832H44.7025V6.07832Z'
-      fill='#333D48'
-      mask='url(#path9Inside1_792_13815)'
-    />
-    <defs>
-      <filter
-        colorInterpolationFilters='sRGB'
-        filterUnits='userSpaceOnUse'
-        height='14'
-        id='filter0_d_792_13815'
-        width='30'
-        x='0'
-        y='1'
-      >
-        <feFlood floodOpacity='0' result='BackgroundImageFix' />
-        <feColorMatrix
-          in='SourceAlpha'
-          result='hardAlpha'
-          type='matrix'
-          values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'
-        />
-        <feOffset dy='4' />
-        <feGaussianBlur stdDeviation='2.5' />
-        <feComposite in2='hardAlpha' operator='out' />
-        <feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0' />
-        <feBlend
-          in2='BackgroundImageFix'
-          mode='normal'
-          result='effect1_dropShadow_792_13815'
-        />
-        <feBlend
-          in='SourceGraphic'
-          in2='effect1_dropShadow_792_13815'
-          mode='normal'
-          result='shape'
-        />
-      </filter>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint0_linear_792_13815'
-        x1='15'
-        x2='15'
-        y1='6'
-        y2='20'
-      >
-        <stop stopColor='#F2F4F6' />
-        <stop offset='1' stopColor='#E5E8EB' />
-      </linearGradient>
-    </defs>
-  </svg>
+export const Logo = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 84 22"  xmlns="http://www.w3.org/2000/svg" aria-label="logo icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<path d="M5 7H25V19.6667C25 20.403 24.403 21 23.6667 21H6.33333C5.59695 21 5 20.403 5 19.6667V7Z" fill="#D1D6DB"/>
+<path d="M5 6H25V17.977C25 18.7134 24.403 19.3103 23.6667 19.3103H6.33333C5.59695 19.3103 5 18.7134 5 17.977V6Z" fill="url(#paint0_linear_792_13815)"/>
+<g filter="url(#filter0_d_792_13815)">
+<path d="M5 3.33333C5 2.59695 5.59695 2 6.33333 2H23.6667C24.403 2 25 2.59695 25 3.33333V6H5V3.33333Z" fill="#64A8FF"/>
+</g>
+<path d="M8.66406 1.68966C8.66406 1.30877 8.97283 1 9.35372 1C9.7346 1 10.0434 1.30877 10.0434 1.68966V3.75862C10.0434 4.13951 9.7346 4.44828 9.35372 4.44828C8.97283 4.44828 8.66406 4.13951 8.66406 3.75862V1.68966Z" fill="#4E5968"/>
+<path d="M14.2918 1.68966C14.2918 1.30877 14.6005 1 14.9814 1C15.3623 1 15.6711 1.30877 15.6711 1.68966V3.75862C15.6711 4.13951 15.3623 4.44828 14.9814 4.44828C14.6005 4.44828 14.2918 4.13951 14.2918 3.75862V1.68966Z" fill="#4E5968"/>
+<path d="M19.9195 1.68966C19.9195 1.30877 20.2282 1 20.6091 1C20.99 1 21.2988 1.30877 21.2988 1.68966V3.75862C21.2988 4.13951 20.99 4.44828 20.6091 4.44828C20.2282 4.44828 19.9195 4.13951 19.9195 3.75862V1.68966Z" fill="#4E5968"/>
+<path d="M72.7077 12.1039C72.7077 12.2036 72.7496 12.2463 72.8195 12.2606C73.2384 12.3603 73.9365 12.4172 74.4113 12.4172C74.9978 12.4172 75.7937 12.346 76.7572 12.0896C76.841 12.0612 76.9806 12.0469 77.0504 12.0469C77.4833 12.0469 77.8883 12.3603 77.8883 12.8446C77.8883 13.2291 77.609 13.5425 77.218 13.6564C76.1568 13.9698 75.1374 14.041 74.4113 14.041C73.6992 14.041 72.6798 13.9698 71.842 13.7134C71.074 13.4998 70.8366 13.0012 70.8366 12.346V5.63726C70.8366 5.02478 71.3812 4.76839 71.7722 4.76839C72.1632 4.76839 72.7077 5.02478 72.7077 5.63726V12.1039ZM79.1869 4.78264C79.1869 4.17016 79.7315 3.91377 80.1224 3.91377C80.5134 3.91377 81.058 4.17016 81.058 4.78264V8.44326H82.217C82.7197 8.44326 82.999 8.78511 82.999 9.26939C82.999 9.75368 82.7197 10.0955 82.217 10.0955H81.058V17.2174C81.058 17.8298 80.5134 18.0862 80.1224 18.0862C79.7315 18.0862 79.1869 17.8298 79.1869 17.2174V4.78264Z" fill="#333D48"/>
+<path d="M65.9218 4.78264C65.9218 4.17016 66.4663 3.91377 66.8573 3.91377C67.2483 3.91377 67.7929 4.17016 67.7929 4.78264V7.09011H68.9519C69.4546 7.09011 69.7338 7.43196 69.7338 7.91624C69.7338 8.40053 69.4546 8.74238 68.9519 8.74238H67.7929V12.9443C67.7929 13.5567 67.2483 13.8131 66.8573 13.8131C66.4663 13.8131 65.9218 13.5567 65.9218 12.9443V4.78264ZM57.4598 5.60877C57.4598 5.05327 57.9066 4.71142 58.5071 4.71142H63.143C63.7434 4.71142 64.1903 5.05327 64.1903 5.60877V9.79641C64.1903 10.4659 64.0227 10.765 63.52 11.0071C62.9894 11.2635 62.0538 11.4344 60.825 11.4344C59.5962 11.4344 58.6607 11.2635 58.158 11.0214C57.6273 10.765 57.4598 10.4659 57.4598 9.79641V5.60877ZM58.9818 13.4285C58.9818 12.8161 59.5264 12.5597 59.9174 12.5597C60.3084 12.5597 60.8529 12.8161 60.8529 13.4285V15.9354C60.8529 16.0636 60.9367 16.1491 61.0624 16.1491H67.3879C67.8906 16.1491 68.1699 16.4909 68.1699 16.9752C68.1699 17.4595 67.8906 17.8014 67.3879 17.8014H60.1827C59.4985 17.8014 58.9818 17.3028 58.9818 16.6476V13.4285ZM59.303 9.52578C59.303 9.597 59.3449 9.65397 59.4147 9.66822C59.7498 9.76792 60.2246 9.81065 60.825 9.81065C61.4255 9.81065 61.9002 9.76792 62.2354 9.66822C62.3052 9.65397 62.3471 9.597 62.3471 9.52578V6.3352H59.303V9.52578Z" fill="#333D48"/>
+<path d="M53.7441 4.78264C53.7441 4.17016 54.2887 3.91377 54.6657 3.91377C55.0707 3.91377 55.5873 4.17016 55.5873 4.78264V17.1889C55.5873 17.8014 55.0707 18.0577 54.6657 18.0577C54.2887 18.0577 53.7441 17.8014 53.7441 17.1889V4.78264ZM49.1501 9.01301C49.1501 8.52872 49.4294 8.18687 49.9321 8.18687H50.8537V4.93932C50.8537 4.32684 51.3982 4.07045 51.7753 4.07045C52.1802 4.07045 52.6969 4.32684 52.6969 4.93932V16.9325C52.6969 17.545 52.1802 17.8014 51.7753 17.8014C51.3982 17.8014 50.8537 17.545 50.8537 16.9325V9.83914H49.9321C49.4294 9.83914 49.1501 9.49729 49.1501 9.01301Z" fill="#333D48"/>
+<path d="M40.1741 4.78264C40.1741 4.17016 40.7187 3.91377 41.1097 3.91377C41.5007 3.91377 42.0453 4.17016 42.0453 4.78264V12.9443C42.0453 13.5567 41.5007 13.8131 41.1097 13.8131C40.7187 13.8131 40.1741 13.5567 40.1741 12.9443V8.88481H38.3589C37.9958 10.4659 36.5994 11.5769 34.7283 11.5769C32.55 11.5769 31 10.067 31 8.05868C31 6.03608 32.55 4.54049 34.7283 4.54049C36.5994 4.54049 38.0098 5.63726 38.3589 7.23255H40.1741V4.78264ZM32.8432 8.05868C32.8432 9.15544 33.6671 9.96733 34.7283 9.96733C35.7895 9.96733 36.6134 9.15544 36.6134 8.05868C36.6134 6.96192 35.7895 6.15003 34.7283 6.15003C33.6671 6.15003 32.8432 6.96192 32.8432 8.05868ZM33.0108 13.4285C33.0108 12.8161 33.5554 12.5597 33.9463 12.5597C34.3373 12.5597 34.8819 12.8161 34.8819 13.4285V15.9354C34.8819 16.0636 34.9657 16.1491 35.0914 16.1491H41.5565C42.0592 16.1491 42.3385 16.4909 42.3385 16.9752C42.3385 17.4595 42.0592 17.8014 41.5565 17.8014H34.2116C33.5274 17.8014 33.0108 17.3028 33.0108 16.6476V13.4285Z" fill="#333D48"/>
+<mask id="path-9Inside-1_792_13815" fill="white">
+<path fillRule="evenodd" clipRule="evenodd" d="M44.7025 5.07832C44.2698 5.07832 43.9191 5.42906 43.9191 5.86173C43.9191 6.29439 44.2698 6.64513 44.7025 6.64513H45.9142V7.32867C45.9142 8.14056 45.8584 9.00942 45.6629 9.67887C45.3557 10.7471 44.8669 11.4736 43.9593 12.4849C43.7778 12.6843 43.5963 12.9407 43.5963 13.2968C43.5963 13.6386 43.9035 14.0089 44.3643 14.0089C44.8111 14.0089 45.1043 13.8238 45.4255 13.4677C46.1935 12.5846 46.5845 11.8012 46.8498 10.9466C47.0872 11.8012 47.5899 12.7413 48.2462 13.4677C48.5813 13.838 48.8745 14.0089 49.3214 14.0089C49.8101 14.0089 50.0894 13.6386 50.0894 13.2968C50.0894 12.9407 49.9078 12.7128 49.7263 12.4849C48.9304 11.4878 48.3299 10.7329 48.0227 9.67887C47.8272 9.00942 47.7714 8.14056 47.7714 7.32867V6.64513H49.0004C49.4331 6.64513 49.7838 6.29439 49.7838 5.86173C49.7838 5.42906 49.4331 5.07832 49.0004 5.07832H44.7025Z"/>
+</mask>
+<path fillRule="evenodd" clipRule="evenodd" d="M44.7025 5.07832C44.2698 5.07832 43.9191 5.42906 43.9191 5.86173C43.9191 6.29439 44.2698 6.64513 44.7025 6.64513H45.9142V7.32867C45.9142 8.14056 45.8584 9.00942 45.6629 9.67887C45.3557 10.7471 44.8669 11.4736 43.9593 12.4849C43.7778 12.6843 43.5963 12.9407 43.5963 13.2968C43.5963 13.6386 43.9035 14.0089 44.3643 14.0089C44.8111 14.0089 45.1043 13.8238 45.4255 13.4677C46.1935 12.5846 46.5845 11.8012 46.8498 10.9466C47.0872 11.8012 47.5899 12.7413 48.2462 13.4677C48.5813 13.838 48.8745 14.0089 49.3214 14.0089C49.8101 14.0089 50.0894 13.6386 50.0894 13.2968C50.0894 12.9407 49.9078 12.7128 49.7263 12.4849C48.9304 11.4878 48.3299 10.7329 48.0227 9.67887C47.8272 9.00942 47.7714 8.14056 47.7714 7.32867V6.64513H49.0004C49.4331 6.64513 49.7838 6.29439 49.7838 5.86173C49.7838 5.42906 49.4331 5.07832 49.0004 5.07832H44.7025Z" fill="#333D48"/>
+<path d="M45.9142 6.64513H46.9142V5.64513H45.9142V6.64513ZM45.6629 9.67887L44.703 9.39856L44.7018 9.40251L45.6629 9.67887ZM43.9593 12.4849L44.6988 13.1581L44.7035 13.1528L43.9593 12.4849ZM45.4255 13.4677L46.1681 14.1374L46.1741 14.1307L46.1801 14.1239L45.4255 13.4677ZM46.8498 10.9466L47.8133 10.6789L46.9031 7.40198L45.8947 10.6501L46.8498 10.9466ZM48.2462 13.4677L47.5041 14.1381L47.5047 14.1387L48.2462 13.4677ZM49.7263 12.4849L50.5085 11.8618L50.5078 11.861L49.7263 12.4849ZM48.0227 9.67887L48.9828 9.39906L48.9826 9.39856L48.0227 9.67887ZM47.7714 6.64513V5.64513H46.7714V6.64513H47.7714ZM44.9191 5.86173C44.9191 5.98135 44.8221 6.07832 44.7025 6.07832V4.07832C43.7175 4.07832 42.9191 4.87678 42.9191 5.86173H44.9191ZM44.7025 5.64513C44.8221 5.64513 44.9191 5.7421 44.9191 5.86173H42.9191C42.9191 6.84667 43.7175 7.64513 44.7025 7.64513V5.64513ZM45.9142 5.64513H44.7025V7.64513H45.9142V5.64513ZM44.9142 6.64513V7.32867H46.9142V6.64513H44.9142ZM44.9142 7.32867C44.9142 8.11922 44.8571 8.87086 44.703 9.39856L46.6228 9.95918C46.8597 9.14798 46.9142 8.16189 46.9142 7.32867H44.9142ZM44.7018 9.40251C44.4531 10.2673 44.0721 10.862 43.2151 11.8169L44.7035 13.1528C45.6618 12.0851 46.2582 11.227 46.6239 9.95524L44.7018 9.40251ZM43.2198 11.8117C42.9818 12.0731 42.5963 12.5651 42.5963 13.2968H44.5963C44.5963 13.294 44.5964 13.2948 44.596 13.2967C44.5956 13.2981 44.5962 13.295 44.6006 13.2862C44.6115 13.2649 44.6369 13.2261 44.6988 13.158L43.2198 11.8117ZM42.5963 13.2968C42.5963 14.1845 43.3448 15.0089 44.3643 15.0089V13.0089C44.4145 13.0089 44.4739 13.033 44.517 13.0763C44.5487 13.1083 44.5963 13.1767 44.5963 13.2968H42.5963ZM44.3643 15.0089C44.7383 15.0089 45.0879 14.9284 45.4146 14.7531C45.7258 14.5862 45.9686 14.3586 46.1681 14.1374L44.6829 12.7979C44.5612 12.9328 44.4968 12.9759 44.4694 12.9906C44.4579 12.9967 44.4494 12.9998 44.4397 13.0022C44.429 13.0047 44.4061 13.0089 44.3643 13.0089V15.0089ZM46.1801 14.1239C47.0445 13.1299 47.5009 12.2222 47.8048 11.243L45.8947 10.6501C45.6681 11.3802 45.3425 12.0392 44.6709 12.8115L46.1801 14.1239ZM45.8863 11.2142C46.1648 12.2171 46.7428 13.2954 47.5041 14.1381L48.9882 12.7973C48.4369 12.1871 48.0095 11.3853 47.8133 10.6789L45.8863 11.2142ZM47.5047 14.1387C47.7139 14.3698 47.963 14.5992 48.2802 14.7643C48.6122 14.937 48.9592 15.0089 49.3214 15.0089V13.0089C49.2367 13.0089 49.2137 12.9954 49.2035 12.9901C49.1786 12.9772 49.1136 12.9359 48.9876 12.7967L47.5047 14.1387ZM49.3214 15.0089C50.3933 15.0089 51.0894 14.1594 51.0894 13.2968H49.0894C49.0894 13.2034 49.1238 13.1334 49.1699 13.0857C49.1957 13.0591 49.2264 13.0381 49.2587 13.0244C49.2916 13.0105 49.3153 13.0089 49.3214 13.0089V15.0089ZM51.0894 13.2968C51.0894 12.5517 50.6761 12.0722 50.5085 11.8618L48.9441 13.1079C48.992 13.168 49.0223 13.2064 49.0486 13.2428C49.0732 13.2769 49.0847 13.2964 49.09 13.3067C49.0947 13.3156 49.0934 13.3149 49.0915 13.3076C49.0893 13.2996 49.0894 13.2946 49.0894 13.2968H51.0894ZM50.5078 11.861C49.6927 10.8399 49.226 10.2334 48.9828 9.39906L47.0627 9.95869C47.4339 11.2324 48.1681 12.1357 48.9448 13.1088L50.5078 11.861ZM48.9826 9.39856C48.8285 8.87086 48.7714 8.11922 48.7714 7.32867H46.7714C46.7714 8.16189 46.8259 9.14798 47.0628 9.95918L48.9826 9.39856ZM48.7714 7.32867V6.64513H46.7714V7.32867H48.7714ZM49.0004 5.64513H47.7714V7.64513H49.0004V5.64513ZM48.7838 5.86173C48.7838 5.7421 48.8808 5.64513 49.0004 5.64513V7.64513C49.9854 7.64513 50.7838 6.84667 50.7838 5.86173H48.7838ZM49.0004 6.07832C48.8808 6.07832 48.7838 5.98135 48.7838 5.86173H50.7838C50.7838 4.87678 49.9854 4.07832 49.0004 4.07832V6.07832ZM44.7025 6.07832H49.0004V4.07832H44.7025V6.07832Z" fill="#333D48" mask="url(#path-9Inside-1_792_13815)"/>
+<defs>
+<filter id="filter0_d_792_13815" x="0" y="1" width="30" height="14" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
+<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="4"/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_792_13815"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_792_13815" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_792_13815" x1="15" y1="6" x2="15" y2="20" gradientUnits="userSpaceOnUse">
+<stop stopColor="#F2F4F6"/>
+<stop offset="1" stopColor="#E5E8EB"/>
+</linearGradient>
+</defs>
+</svg>
 
-);
+    );
+};
 
 Logo.displayName = 'Logo';
diff --git a/frontend/packages/ui/src/components/Icon/component/Pencil.tsx b/frontend/packages/ui/src/components/Icon/component/Pencil.tsx
index 6c1181f5..4ba57719 100644
--- a/frontend/packages/ui/src/components/Icon/component/Pencil.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Pencil.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Pencil = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='pencil icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_730_15520'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_730_15520)'>
-      <path
-        clipRule='evenodd'
-        d='M3.27288 14.516L2.03688 19.126L1.22388 22.163C1.2013 22.2478 1.20142 22.3371 1.22421 22.4219C1.24701 22.5067 1.29169 22.584 1.35377 22.6461C1.41586 22.7082 1.49317 22.7528 1.57796 22.7756C1.66275 22.7984 1.75204 22.7985 1.83688 22.776L4.87189 21.962L9.48288 20.726H9.48388L18.5459 11.664L12.3359 5.45396H12.3349L3.27288 14.516ZM22.2929 6.50399L17.4969 1.70699C17.4041 1.61404 17.2939 1.54031 17.1726 1.48999C17.0513 1.43968 16.9212 1.41379 16.7899 1.41379C16.6586 1.41379 16.5285 1.43968 16.4072 1.48999C16.2859 1.54031 16.1757 1.61404 16.0829 1.70699L13.6079 4.18099L19.8189 10.392L22.2929 7.91699C22.3858 7.8242 22.4596 7.714 22.5099 7.59268C22.5602 7.47137 22.5861 7.34132 22.5861 7.20999C22.5861 7.07866 22.5602 6.94861 22.5099 6.8273C22.4596 6.70598 22.3858 6.59578 22.2929 6.50299'
-        fill='#4E5968'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const Pencil = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="pencil icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_730_15520" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_730_15520)">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.27288 14.516L2.03688 19.126L1.22388 22.163C1.2013 22.2478 1.20142 22.3371 1.22421 22.4219C1.24701 22.5067 1.29169 22.584 1.35377 22.6461C1.41586 22.7082 1.49317 22.7528 1.57796 22.7756C1.66275 22.7984 1.75204 22.7985 1.83688 22.776L4.87189 21.962L9.48288 20.726H9.48388L18.5459 11.664L12.3359 5.45396H12.3349L3.27288 14.516ZM22.2929 6.50399L17.4969 1.70699C17.4041 1.61404 17.2939 1.54031 17.1726 1.48999C17.0513 1.43968 16.9212 1.41379 16.7899 1.41379C16.6586 1.41379 16.5285 1.43968 16.4072 1.48999C16.2859 1.54031 16.1757 1.61404 16.0829 1.70699L13.6079 4.18099L19.8189 10.392L22.2929 7.91699C22.3858 7.8242 22.4596 7.714 22.5099 7.59268C22.5602 7.47137 22.5861 7.34132 22.5861 7.20999C22.5861 7.07866 22.5602 6.94861 22.5099 6.8273C22.4596 6.70598 22.3858 6.59578 22.2929 6.50299" fill="#4E5968"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 Pencil.displayName = 'Pencil';
diff --git a/frontend/packages/ui/src/components/Icon/component/PinLocation.tsx b/frontend/packages/ui/src/components/Icon/component/PinLocation.tsx
index 6f7c79ba..c835ef73 100644
--- a/frontend/packages/ui/src/components/Icon/component/PinLocation.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/PinLocation.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const PinLocation = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='pin-location icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_732_606'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_732_606)'>
-      <path
-        clipRule='evenodd'
-        d='M10.9455 12.5506C10.6102 12.4174 10.3049 12.2186 10.0473 11.9659C9.78976 11.7133 9.58516 11.4118 9.44549 11.0791C9.30583 10.7465 9.23389 10.3893 9.23389 10.0285C9.23389 9.66772 9.30583 9.31055 9.44549 8.97789C9.58516 8.64523 9.78976 8.34375 10.0473 8.09109C10.3049 7.83843 10.6102 7.63967 10.9455 7.50641C11.2808 7.37315 11.6393 7.30809 12 7.31501C12.7106 7.32865 13.3876 7.62054 13.8853 8.12793C14.3831 8.63532 14.6619 9.31773 14.6619 10.0285C14.6619 10.7393 14.3831 11.4217 13.8853 11.9291C13.3876 12.4365 12.7106 12.7284 12 12.742C11.6393 12.7489 11.2808 12.6839 10.9455 12.5506ZM9.87599 1.03701C5.60599 1.99001 2.61198 6.00901 2.77998 10.381C2.91198 13.815 5.01898 16.887 11.288 22.914C11.684 23.294 12.318 23.296 12.715 22.915C19.199 16.682 21.231 13.61 21.231 10.028C21.231 4.23801 15.898 0.306989 9.87599 1.03801'
-        fill='#8B95A1'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const PinLocation = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="pin-location icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_732_606" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_732_606)">
+<path fillRule="evenodd" clipRule="evenodd" d="M10.9455 12.5506C10.6102 12.4174 10.3049 12.2186 10.0473 11.9659C9.78976 11.7133 9.58516 11.4118 9.44549 11.0791C9.30583 10.7465 9.23389 10.3893 9.23389 10.0285C9.23389 9.66772 9.30583 9.31055 9.44549 8.97789C9.58516 8.64523 9.78976 8.34375 10.0473 8.09109C10.3049 7.83843 10.6102 7.63967 10.9455 7.50641C11.2808 7.37315 11.6393 7.30809 12 7.31501C12.7106 7.32865 13.3876 7.62054 13.8853 8.12793C14.3831 8.63532 14.6619 9.31773 14.6619 10.0285C14.6619 10.7393 14.3831 11.4217 13.8853 11.9291C13.3876 12.4365 12.7106 12.7284 12 12.742C11.6393 12.7489 11.2808 12.6839 10.9455 12.5506ZM9.87599 1.03701C5.60599 1.99001 2.61198 6.00901 2.77998 10.381C2.91198 13.815 5.01898 16.887 11.288 22.914C11.684 23.294 12.318 23.296 12.715 22.915C19.199 16.682 21.231 13.61 21.231 10.028C21.231 4.23801 15.898 -0.306989 9.87599 1.03801" fill="#8B95A1"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 PinLocation.displayName = 'PinLocation';
diff --git a/frontend/packages/ui/src/components/Icon/component/Plus.tsx b/frontend/packages/ui/src/components/Icon/component/Plus.tsx
index 52f4763b..f9c2374b 100644
--- a/frontend/packages/ui/src/components/Icon/component/Plus.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Plus.tsx
@@ -1,27 +1,13 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Plus = ({ clickable = false, className, width = 24, height = 24, stroke = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='plus icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <path
-      d='M12 4.5V19.5M19.5 12H4.5'
-      stroke='#6B7684'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='1.5'
-    />
-  </svg>
+export const Plus = ({ clickable = false, className, width = 24, height = 24 , stroke = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="plus icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<path d="M12 4.5V19.5M19.5 12H4.5" stroke="#6B7684" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
 
-);
+    );
+};
 
 Plus.displayName = 'Plus';
diff --git a/frontend/packages/ui/src/components/Icon/component/Progress.tsx b/frontend/packages/ui/src/components/Icon/component/Progress.tsx
index 655bc877..f808796f 100644
--- a/frontend/packages/ui/src/components/Icon/component/Progress.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/Progress.tsx
@@ -1,92 +1,25 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const Progress = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='progress icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 16 16'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='16'
-      id='mask0_4590_3525'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='16'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='16'
-        width='16'
-      />
-    </mask>
-    <g mask='url(#mask0_4590_3525)'>
-      <path
-        clipRule='evenodd'
-        d='M7.48041 1.14985C7.34289 1.28737 7.26562 1.4739 7.26562 1.66839V3.69639C7.26562 3.89088 7.34289 4.07741 7.48041 4.21494C7.61794 4.35246 7.80447 4.42973 7.99896 4.42973C8.19345 4.42973 8.37998 4.35246 8.5175 4.21494C8.65503 4.07741 8.73229 3.89088 8.73229 3.69639V1.66839C8.73229 1.57209 8.71332 1.47673 8.67647 1.38776C8.63962 1.29879 8.5856 1.21794 8.5175 1.14985C8.44941 1.08175 8.36857 1.02773 8.27959 0.99088C8.19062 0.954027 8.09526 0.935059 7.99896 0.935059C7.80447 0.935059 7.61794 1.01232 7.48041 1.14985Z'
-        fill='#3182F6'
-        fillRule='evenodd'
-      />
-      <path
-        clipRule='evenodd'
-        d='M4.67334 5.63578C4.76235 5.6728 4.85781 5.69186 4.95422 5.69186C5.05062 5.69186 5.14608 5.6728 5.23509 5.63578C5.3241 5.59875 5.40492 5.54449 5.47288 5.47612C5.61032 5.3385 5.68752 5.15195 5.68752 4.95745C5.68752 4.76296 5.61032 4.57641 5.47288 4.43879L4.03821 3.00545C3.89852 2.87941 3.71576 2.81182 3.52767 2.81665C3.33958 2.82147 3.16053 2.89835 3.02748 3.03139C2.89444 3.16443 2.81757 3.34349 2.81274 3.53158C2.80792 3.71967 2.8755 3.90243 3.00155 4.04212L4.43488 5.47612H4.43555C4.50351 5.54449 4.58433 5.59875 4.67334 5.63578Z'
-        fill='#3182F6'
-        fillOpacity='0.16'
-        fillRule='evenodd'
-      />
-      <path
-        clipRule='evenodd'
-        d='M4.21347 7.48432C4.07595 7.34679 3.88942 7.26953 3.69493 7.26953H1.66693C1.47243 7.26953 1.28591 7.34679 1.14838 7.48432C1.01086 7.62185 0.933594 7.80837 0.933594 8.00286C0.933594 8.19736 1.01086 8.38388 1.14838 8.52141C1.28591 8.65894 1.47243 8.7362 1.66693 8.7362H3.69493C3.88942 8.7362 4.07595 8.65894 4.21347 8.52141C4.351 8.38388 4.42826 8.19736 4.42826 8.00286C4.42826 7.80837 4.351 7.62185 4.21347 7.48432Z'
-        fill='#3182F6'
-        fillOpacity='0.32'
-        fillRule='evenodd'
-      />
-      <path
-        clipRule='evenodd'
-        d='M3.0039 11.9605C2.93579 12.0286 2.88176 12.1095 2.8449 12.1985C2.80804 12.2874 2.78906 12.3828 2.78906 12.4792C2.78906 12.5755 2.80804 12.6709 2.8449 12.7599C2.88176 12.8488 2.93579 12.9297 3.0039 12.9978C3.14146 13.1354 3.32803 13.2127 3.52257 13.2127C3.61889 13.2127 3.71428 13.1937 3.80327 13.1568C3.89226 13.12 3.97312 13.0659 4.04123 12.9978L5.47457 11.5645C5.60216 11.4251 5.67106 11.2418 5.6669 11.0528C5.66275 10.8639 5.58587 10.6838 5.45227 10.5501C5.31866 10.4164 5.13864 10.3394 4.94969 10.3351C4.76073 10.3309 4.57741 10.3996 4.4379 10.5272L3.0039 11.9605Z'
-        fill='#3182F6'
-        fillOpacity='0.56'
-        fillRule='evenodd'
-      />
-      <path
-        clipRule='evenodd'
-        d='M7.48041 11.7875C7.34289 11.9251 7.26562 12.1116 7.26562 12.3061V14.3341C7.26562 14.5286 7.34289 14.7151 7.48041 14.8526C7.61794 14.9902 7.80447 15.0674 7.99896 15.0674C8.19345 15.0674 8.37998 14.9902 8.5175 14.8526C8.65503 14.7151 8.73229 14.5286 8.73229 14.3341V12.3061C8.73229 12.1116 8.65503 11.9251 8.5175 11.7875C8.37998 11.65 8.19345 11.5728 7.99896 11.5728C7.80447 11.5728 7.61794 11.65 7.48041 11.7875Z'
-        fill='#3182F6'
-        fillOpacity='0.56'
-        fillRule='evenodd'
-      />
-      <path
-        clipRule='evenodd'
-        d='M11.3267 10.3688C11.2377 10.332 11.1423 10.313 11.046 10.313C10.9497 10.313 10.8543 10.332 10.7653 10.3688C10.6763 10.4057 10.5955 10.4597 10.5273 10.5278C10.4592 10.5959 10.4052 10.6768 10.3683 10.7658C10.3315 10.8548 10.3125 10.9502 10.3125 11.0465C10.3125 11.1428 10.3315 11.2382 10.3683 11.3272C10.4052 11.4162 10.4592 11.497 10.5273 11.5652L11.9613 12.9985C12.0293 13.0668 12.1102 13.121 12.1992 13.158C12.2882 13.1949 12.3836 13.214 12.48 13.214C12.5764 13.214 12.6718 13.1949 12.7608 13.158C12.8498 13.121 12.9307 13.0668 12.9987 12.9985C13.0668 12.9304 13.1209 12.8495 13.1577 12.7605C13.1946 12.6715 13.2136 12.5762 13.2136 12.4798C13.2136 12.3835 13.1946 12.2881 13.1577 12.1991C13.1209 12.1101 13.0668 12.0293 12.9987 11.9612L11.5653 10.5278H11.5647C11.4966 10.4597 11.4157 10.4057 11.3267 10.3688Z'
-        fill='#3182F6'
-        fillOpacity='0.72'
-        fillRule='evenodd'
-      />
-      <path
-        clipRule='evenodd'
-        d='M12.3036 7.26953C12.1092 7.26953 11.9226 7.34679 11.7851 7.48432C11.6476 7.62185 11.5703 7.80837 11.5703 8.00286C11.5703 8.19736 11.6476 8.38388 11.7851 8.52141C11.9226 8.65894 12.1092 8.7362 12.3036 8.7362H14.3316C14.5261 8.7362 14.7127 8.65894 14.8502 8.52141C14.9877 8.38388 15.065 8.19736 15.065 8.00286C15.065 7.80837 14.9877 7.62185 14.8502 7.48432C14.7127 7.34679 14.5261 7.26953 14.3316 7.26953H12.3036Z'
-        fill='#3182F6'
-        fillOpacity='0.72'
-        fillRule='evenodd'
-      />
-      <path
-        clipRule='evenodd'
-        d='M11.5638 5.47768L12.9978 4.04368C13.1271 3.90448 13.1974 3.72056 13.194 3.53059C13.1905 3.34061 13.1135 3.1594 12.9791 3.02504C12.8447 2.89069 12.6635 2.81367 12.4736 2.81018C12.2836 2.80669 12.0997 2.87701 11.9605 3.00634L10.5271 4.43968C10.4247 4.54228 10.3549 4.67295 10.3266 4.81518C10.2983 4.9574 10.3128 5.10482 10.3682 5.23883C10.4236 5.37284 10.5175 5.48743 10.638 5.56814C10.7584 5.64885 10.9001 5.69207 11.0451 5.69234C11.2325 5.69234 11.4205 5.62101 11.5638 5.47768Z'
-        fill='#3182F6'
-        fillOpacity='0.72'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const Progress = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 16 16"  xmlns="http://www.w3.org/2000/svg" aria-label="progress icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_4590_3525" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<rect width="16" height="16" fill="white"/>
+</mask>
+<g mask="url(#mask0_4590_3525)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.48041 1.14985C7.34289 1.28737 7.26562 1.4739 7.26562 1.66839V3.69639C7.26562 3.89088 7.34289 4.07741 7.48041 4.21494C7.61794 4.35246 7.80447 4.42973 7.99896 4.42973C8.19345 4.42973 8.37998 4.35246 8.5175 4.21494C8.65503 4.07741 8.73229 3.89088 8.73229 3.69639V1.66839C8.73229 1.57209 8.71332 1.47673 8.67647 1.38776C8.63962 1.29879 8.5856 1.21794 8.5175 1.14985C8.44941 1.08175 8.36857 1.02773 8.27959 0.99088C8.19062 0.954027 8.09526 0.935059 7.99896 0.935059C7.80447 0.935059 7.61794 1.01232 7.48041 1.14985Z" fill="#3182F6"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.67334 5.63578C4.76235 5.6728 4.85781 5.69186 4.95422 5.69186C5.05062 5.69186 5.14608 5.6728 5.23509 5.63578C5.3241 5.59875 5.40492 5.54449 5.47288 5.47612C5.61032 5.3385 5.68752 5.15195 5.68752 4.95745C5.68752 4.76296 5.61032 4.57641 5.47288 4.43879L4.03821 3.00545C3.89852 2.87941 3.71576 2.81182 3.52767 2.81665C3.33958 2.82147 3.16053 2.89835 3.02748 3.03139C2.89444 3.16443 2.81757 3.34349 2.81274 3.53158C2.80792 3.71967 2.8755 3.90243 3.00155 4.04212L4.43488 5.47612H4.43555C4.50351 5.54449 4.58433 5.59875 4.67334 5.63578Z" fill="#3182F6" fillOpacity="0.16"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.21347 7.48432C4.07595 7.34679 3.88942 7.26953 3.69493 7.26953H1.66693C1.47243 7.26953 1.28591 7.34679 1.14838 7.48432C1.01086 7.62185 0.933594 7.80837 0.933594 8.00286C0.933594 8.19736 1.01086 8.38388 1.14838 8.52141C1.28591 8.65894 1.47243 8.7362 1.66693 8.7362H3.69493C3.88942 8.7362 4.07595 8.65894 4.21347 8.52141C4.351 8.38388 4.42826 8.19736 4.42826 8.00286C4.42826 7.80837 4.351 7.62185 4.21347 7.48432Z" fill="#3182F6" fillOpacity="0.32"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.0039 11.9605C2.93579 12.0286 2.88176 12.1095 2.8449 12.1985C2.80804 12.2874 2.78906 12.3828 2.78906 12.4792C2.78906 12.5755 2.80804 12.6709 2.8449 12.7599C2.88176 12.8488 2.93579 12.9297 3.0039 12.9978C3.14146 13.1354 3.32803 13.2127 3.52257 13.2127C3.61889 13.2127 3.71428 13.1937 3.80327 13.1568C3.89226 13.12 3.97312 13.0659 4.04123 12.9978L5.47457 11.5645C5.60216 11.4251 5.67106 11.2418 5.6669 11.0528C5.66275 10.8639 5.58587 10.6838 5.45227 10.5501C5.31866 10.4164 5.13864 10.3394 4.94969 10.3351C4.76073 10.3309 4.57741 10.3996 4.4379 10.5272L3.0039 11.9605Z" fill="#3182F6" fillOpacity="0.56"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.48041 11.7875C7.34289 11.9251 7.26562 12.1116 7.26562 12.3061V14.3341C7.26562 14.5286 7.34289 14.7151 7.48041 14.8526C7.61794 14.9902 7.80447 15.0674 7.99896 15.0674C8.19345 15.0674 8.37998 14.9902 8.5175 14.8526C8.65503 14.7151 8.73229 14.5286 8.73229 14.3341V12.3061C8.73229 12.1116 8.65503 11.9251 8.5175 11.7875C8.37998 11.65 8.19345 11.5728 7.99896 11.5728C7.80447 11.5728 7.61794 11.65 7.48041 11.7875Z" fill="#3182F6" fillOpacity="0.56"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.3267 10.3688C11.2377 10.332 11.1423 10.313 11.046 10.313C10.9497 10.313 10.8543 10.332 10.7653 10.3688C10.6763 10.4057 10.5955 10.4597 10.5273 10.5278C10.4592 10.5959 10.4052 10.6768 10.3683 10.7658C10.3315 10.8548 10.3125 10.9502 10.3125 11.0465C10.3125 11.1428 10.3315 11.2382 10.3683 11.3272C10.4052 11.4162 10.4592 11.497 10.5273 11.5652L11.9613 12.9985C12.0293 13.0668 12.1102 13.121 12.1992 13.158C12.2882 13.1949 12.3836 13.214 12.48 13.214C12.5764 13.214 12.6718 13.1949 12.7608 13.158C12.8498 13.121 12.9307 13.0668 12.9987 12.9985C13.0668 12.9304 13.1209 12.8495 13.1577 12.7605C13.1946 12.6715 13.2136 12.5762 13.2136 12.4798C13.2136 12.3835 13.1946 12.2881 13.1577 12.1991C13.1209 12.1101 13.0668 12.0293 12.9987 11.9612L11.5653 10.5278H11.5647C11.4966 10.4597 11.4157 10.4057 11.3267 10.3688Z" fill="#3182F6" fillOpacity="0.72"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3036 7.26953C12.1092 7.26953 11.9226 7.34679 11.7851 7.48432C11.6476 7.62185 11.5703 7.80837 11.5703 8.00286C11.5703 8.19736 11.6476 8.38388 11.7851 8.52141C11.9226 8.65894 12.1092 8.7362 12.3036 8.7362H14.3316C14.5261 8.7362 14.7127 8.65894 14.8502 8.52141C14.9877 8.38388 15.065 8.19736 15.065 8.00286C15.065 7.80837 14.9877 7.62185 14.8502 7.48432C14.7127 7.34679 14.5261 7.26953 14.3316 7.26953H12.3036Z" fill="#3182F6" fillOpacity="0.72"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.5638 5.47768L12.9978 4.04368C13.1271 3.90448 13.1974 3.72056 13.194 3.53059C13.1905 3.34061 13.1135 3.1594 12.9791 3.02504C12.8447 2.89069 12.6635 2.81367 12.4736 2.81018C12.2836 2.80669 12.0997 2.87701 11.9605 3.00634L10.5271 4.43968C10.4247 4.54228 10.3549 4.67295 10.3266 4.81518C10.2983 4.9574 10.3128 5.10482 10.3682 5.23883C10.4236 5.37284 10.5175 5.48743 10.638 5.56814C10.7584 5.64885 10.9001 5.69207 11.0451 5.69234C11.2325 5.69234 11.4205 5.62101 11.5638 5.47768Z" fill="#3182F6" fillOpacity="0.72"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 Progress.displayName = 'Progress';
diff --git a/frontend/packages/ui/src/components/Icon/component/TriangleWarning.tsx b/frontend/packages/ui/src/components/Icon/component/TriangleWarning.tsx
index 8e4c89d5..2489a011 100644
--- a/frontend/packages/ui/src/components/Icon/component/TriangleWarning.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/TriangleWarning.tsx
@@ -1,43 +1,18 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const TriangleWarning = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='triangle-warning icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_741_3885'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_741_3885)'>
-      <path
-        clipRule='evenodd'
-        d='M11.5408 19.0997C11.3952 19.0394 11.2629 18.951 11.1515 18.8395C11.0401 18.7281 10.9517 18.5958 10.8914 18.4502C10.8311 18.3046 10.8 18.1486 10.8 17.991C10.8 17.8334 10.8311 17.6774 10.8914 17.5318C10.9517 17.3862 11.0401 17.2539 11.1515 17.1425C11.2629 17.0311 11.3952 16.9427 11.5408 16.8824C11.6864 16.8221 11.8424 16.791 12 16.791C12.3183 16.791 12.6235 16.9174 12.8486 17.1425C13.0736 17.3675 13.2 17.6728 13.2 17.991C13.2 18.3093 13.0736 18.6145 12.8486 18.8395C12.6235 19.0646 12.3183 19.191 12 19.191C11.8424 19.191 11.6864 19.16 11.5408 19.0997ZM11.2929 8.50091C11.4805 8.31337 11.7348 8.20801 12 8.20801C12.2652 8.20801 12.5196 8.31337 12.7071 8.50091C12.8947 8.68844 13 8.9428 13 9.20801V14.208C13 14.4732 12.8947 14.7276 12.7071 14.9151C12.5196 15.1027 12.2652 15.208 12 15.208C11.7348 15.208 11.4805 15.1027 11.2929 14.9151C11.1054 14.7276 11 14.4732 11 14.208V9.20801C11 8.9428 11.1054 8.68844 11.2929 8.50091ZM14.079 3.51201C13.155 1.91201 10.845 1.91201 9.92103 3.51201L1.08603 18.815C0.163028 20.415 1.31603 22.415 3.16503 22.415H20.835C22.683 22.415 23.837 20.415 22.914 18.815L14.079 3.51201Z'
-        fill='#F04452'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const TriangleWarning = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="triangle-warning icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_741_3885" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_741_3885)">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.5408 19.0997C11.3952 19.0394 11.2629 18.951 11.1515 18.8395C11.0401 18.7281 10.9517 18.5958 10.8914 18.4502C10.8311 18.3046 10.8 18.1486 10.8 17.991C10.8 17.8334 10.8311 17.6774 10.8914 17.5318C10.9517 17.3862 11.0401 17.2539 11.1515 17.1425C11.2629 17.0311 11.3952 16.9427 11.5408 16.8824C11.6864 16.8221 11.8424 16.791 12 16.791C12.3183 16.791 12.6235 16.9174 12.8486 17.1425C13.0736 17.3675 13.2 17.6728 13.2 17.991C13.2 18.3093 13.0736 18.6145 12.8486 18.8395C12.6235 19.0646 12.3183 19.191 12 19.191C11.8424 19.191 11.6864 19.16 11.5408 19.0997ZM11.2929 8.50091C11.4805 8.31337 11.7348 8.20801 12 8.20801C12.2652 8.20801 12.5196 8.31337 12.7071 8.50091C12.8947 8.68844 13 8.9428 13 9.20801V14.208C13 14.4732 12.8947 14.7276 12.7071 14.9151C12.5196 15.1027 12.2652 15.208 12 15.208C11.7348 15.208 11.4805 15.1027 11.2929 14.9151C11.1054 14.7276 11 14.4732 11 14.208V9.20801C11 8.9428 11.1054 8.68844 11.2929 8.50091ZM14.079 3.51201C13.155 1.91201 10.845 1.91201 9.92103 3.51201L1.08603 18.815C0.163028 20.415 1.31603 22.415 3.16503 22.415H20.835C22.683 22.415 23.837 20.415 22.914 18.815L14.079 3.51201Z" fill="#F04452"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 TriangleWarning.displayName = 'TriangleWarning';
diff --git a/frontend/packages/ui/src/components/Icon/component/UserTwo.tsx b/frontend/packages/ui/src/components/Icon/component/UserTwo.tsx
index b6033496..d735a242 100644
--- a/frontend/packages/ui/src/components/Icon/component/UserTwo.tsx
+++ b/frontend/packages/ui/src/components/Icon/component/UserTwo.tsx
@@ -1,50 +1,19 @@
    
-import type { IconProps } from '../Icon';
+import type { IconProps } from '../Icon.d.ts';
 
-export const UserTwo = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='user-two icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 24 24'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <mask
-      height='24'
-      id='mask0_732_284'
-      mask-type='luminance'
-      maskUnits='userSpaceOnUse'
-      width='24'
-      x='0'
-      y='0'
-    >
-      <rect
-        fill='white'
-        height='24'
-        width='24'
-      />
-    </mask>
-    <g mask='url(#mask0_732_284)'>
-      <path
-        clipRule='evenodd'
-        d='M8.93506 11.3616C9.39003 11.1731 9.80343 10.8969 10.1517 10.5487C10.4999 10.2004 10.7761 9.78704 10.9645 9.33207C11.153 8.8771 11.25 8.38946 11.25 7.897C11.25 7.40455 11.153 6.91691 10.9645 6.46194C10.7761 6.00697 10.4999 5.59357 10.1517 5.24535C9.80343 4.89713 9.39003 4.62091 8.93506 4.43246C8.48009 4.244 7.99246 4.147 7.5 4.147C6.50544 4.147 5.55161 4.54209 4.84835 5.24535C4.14509 5.94861 3.75 6.90244 3.75 7.897C3.75 8.89156 4.14509 9.84539 4.84835 10.5487C5.55161 11.2519 6.50544 11.647 7.5 11.647C7.99246 11.647 8.48009 11.55 8.93506 11.3616ZM10.48 13.276C9.637 12.979 8.652 12.793 7.5 12.793C2.46 12.793 0.5 16.231 0.5 17.828C0.5 19.428 4.673 19.852 7.5 19.852C7.971 19.852 8.48 19.839 9.001 19.812C8.34 19.285 8 18.625 8 17.828C8 16.564 8.771 14.693 10.48 13.276Z'
-        fill='#8B95A1'
-        fillOpacity='0.72'
-        fillRule='evenodd'
-      />
-      <path
-        clipRule='evenodd'
-        d='M9.5 17.829C9.5 19.427 13.673 19.853 16.5 19.853C19.327 19.853 23.5 19.427 23.5 17.829C23.5 16.231 21.54 12.794 16.5 12.794C11.46 12.794 9.5 16.231 9.5 17.829ZM17.9351 11.3616C18.39 11.1731 18.8034 10.8969 19.1517 10.5487C19.4999 10.2004 19.7761 9.78704 19.9645 9.33207C20.153 8.8771 20.25 8.38946 20.25 7.897C20.25 7.40455 20.153 6.91691 19.9645 6.46194C19.7761 6.00697 19.4999 5.59357 19.1517 5.24535C18.8034 4.89713 18.39 4.62091 17.9351 4.43246C17.4801 4.244 16.9925 4.147 16.5 4.147C15.5054 4.147 14.5516 4.54209 13.8483 5.24535C13.1451 5.94861 12.75 6.90244 12.75 7.897C12.75 8.89156 13.1451 9.84539 13.8483 10.5487C14.5516 11.2519 15.5054 11.647 16.5 11.647C16.9925 11.647 17.4801 11.55 17.9351 11.3616Z'
-        fill='#8B95A1'
-        fillRule='evenodd'
-      />
-    </g>
-  </svg>
+export const UserTwo = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => {
+    return (
+        <svg width={width} height={height || width} viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" aria-label="user-two icon" fill="none" className={className} style={{ cursor: clickable ? "pointer": "default", ...rest.style }} {...rest}>
+<mask id="mask0_732_284" style={{ maskType: "luminance" }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="white"/>
+</mask>
+<g mask="url(#mask0_732_284)">
+<path fillRule="evenodd" clipRule="evenodd" d="M8.93506 11.3616C9.39003 11.1731 9.80343 10.8969 10.1517 10.5487C10.4999 10.2004 10.7761 9.78704 10.9645 9.33207C11.153 8.8771 11.25 8.38946 11.25 7.897C11.25 7.40455 11.153 6.91691 10.9645 6.46194C10.7761 6.00697 10.4999 5.59357 10.1517 5.24535C9.80343 4.89713 9.39003 4.62091 8.93506 4.43246C8.48009 4.244 7.99246 4.147 7.5 4.147C6.50544 4.147 5.55161 4.54209 4.84835 5.24535C4.14509 5.94861 3.75 6.90244 3.75 7.897C3.75 8.89156 4.14509 9.84539 4.84835 10.5487C5.55161 11.2519 6.50544 11.647 7.5 11.647C7.99246 11.647 8.48009 11.55 8.93506 11.3616ZM10.48 13.276C9.637 12.979 8.652 12.793 7.5 12.793C2.46 12.793 0.5 16.231 0.5 17.828C0.5 19.428 4.673 19.852 7.5 19.852C7.971 19.852 8.48 19.839 9.001 19.812C8.34 19.285 8 18.625 8 17.828C8 16.564 8.771 14.693 10.48 13.276Z" fill="#8B95A1" fillOpacity="0.72"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.5 17.829C9.5 19.427 13.673 19.853 16.5 19.853C19.327 19.853 23.5 19.427 23.5 17.829C23.5 16.231 21.54 12.794 16.5 12.794C11.46 12.794 9.5 16.231 9.5 17.829ZM17.9351 11.3616C18.39 11.1731 18.8034 10.8969 19.1517 10.5487C19.4999 10.2004 19.7761 9.78704 19.9645 9.33207C20.153 8.8771 20.25 8.38946 20.25 7.897C20.25 7.40455 20.153 6.91691 19.9645 6.46194C19.7761 6.00697 19.4999 5.59357 19.1517 5.24535C18.8034 4.89713 18.39 4.62091 17.9351 4.43246C17.4801 4.244 16.9925 4.147 16.5 4.147C15.5054 4.147 14.5516 4.54209 13.8483 5.24535C13.1451 5.94861 12.75 6.90244 12.75 7.897C12.75 8.89156 13.1451 9.84539 13.8483 10.5487C14.5516 11.2519 15.5054 11.647 16.5 11.647C16.9925 11.647 17.4801 11.55 17.9351 11.3616Z" fill="#8B95A1"/>
+</g>
+</svg>
 
-);
+    );
+};
 
 UserTwo.displayName = 'UserTwo';
diff --git a/frontend/packages/ui/src/components/Icon/custom/CheckGraphic.tsx b/frontend/packages/ui/src/components/Icon/custom/CheckGraphic.tsx
deleted file mode 100644
index 4a81dda7..00000000
--- a/frontend/packages/ui/src/components/Icon/custom/CheckGraphic.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-   
-import type { IconProps } from '../Icon';
-
-export const CheckGraphic = ({ clickable = false, className, width = 24, height = 24, stroke = 'white', fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='check-graphic icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 180 180'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <g clipPath='url(#clip0_894_193)'>
-      <mask
-        height='180'
-        id='mask0_894_193'
-        maskUnits='userSpaceOnUse'
-        style={{ maskType: 'alpha' }}
-        width='180'
-        x='0'
-        y='0'
-      >
-        <rect
-          fill='white'
-          height='180'
-          width='180'
-        />
-      </mask>
-      <g mask='url(#mask0_894_193)'>
-        <rect
-          fill='#F3F6FC'
-          height='180'
-          width='180'
-        />
-        <g filter='url(#filter0_f_894_193)'>
-          <circle
-            cx='115.2'
-            cy='88.2'
-            fill='#90C2FF'
-            r='27'
-          />
-        </g>
-        <g filter='url(#filter1_f_894_193)'>
-          <ellipse
-            cx='46.35'
-            cy='132.3'
-            fill='#76E4B8'
-            rx='14.85'
-            ry='27'
-          />
-        </g>
-        <g filter='url(#filter2_d_894_193)'>
-          <rect
-            fill='white'
-            height='72'
-            rx='16'
-            transform='rotate(10 77.8491 65.25)'
-            width='72'
-            x='77.8491'
-            y='65.25'
-          />
-          <rect
-            height='71'
-            rx='15.5'
-            stroke='#E5E8EB'
-            transform='rotate(10 78.2547 65.8292)'
-            width='71'
-            x='78.2547'
-            y='65.8292'
-          />
-        </g>
-        <mask
-          height='58'
-          id='mask1_894_193'
-          maskUnits='userSpaceOnUse'
-          style={{ maskType: 'luminance' }}
-          width='58'
-          x='78'
-          y='78'
-        >
-          <rect
-            fill='white'
-            height='48.6'
-            transform='rotate(10 87.3398 78.8045)'
-            width='48.6'
-            x='87.3398'
-            y='78.8045'
-          />
-        </mask>
-        <g mask='url(#mask1_894_193)'>
-          <path
-            d='M100.976 115.754L93.4197 104.963C92.5984 103.79 92.8446 102.394 94.0175 101.573C95.1904 100.751 96.5864 100.998 97.4077 102.17L103.485 110.85L118.968 100.009C120.141 99.1877 121.537 99.4339 122.358 100.607C123.18 101.78 122.933 103.176 121.76 103.997L104.401 116.152C103.662 116.844 103.029 116.938 102.43 116.833C101.832 116.727 101.269 116.422 100.976 115.754Z'
-            fill='url(#paint0_linear_894_193)'
-          />
-        </g>
-      </g>
-    </g>
-    <defs>
-      <filter
-        colorInterpolationFilters='sRGB'
-        filterUnits='userSpaceOnUse'
-        height='254'
-        id='filter0_f_894_193'
-        width='254'
-        x='-11.8'
-        y='-38.8'
-      >
-        <feFlood floodOpacity='0' result='BackgroundImageFix' />
-        <feBlend
-          in='SourceGraphic'
-          in2='BackgroundImageFix'
-          mode='normal'
-          result='shape'
-        />
-        <feGaussianBlur result='effect1_foregroundBlur_894_193' stdDeviation='50' />
-      </filter>
-      <filter
-        colorInterpolationFilters='sRGB'
-        filterUnits='userSpaceOnUse'
-        height='194'
-        id='filter1_f_894_193'
-        width='169.7'
-        x='-38.5'
-        y='35.3'
-      >
-        <feFlood floodOpacity='0' result='BackgroundImageFix' />
-        <feBlend
-          in='SourceGraphic'
-          in2='BackgroundImageFix'
-          mode='normal'
-          result='shape'
-        />
-        <feGaussianBlur result='effect1_foregroundBlur_894_193' stdDeviation='35' />
-      </filter>
-      <filter
-        colorInterpolationFilters='sRGB'
-        filterUnits='userSpaceOnUse'
-        height='118.344'
-        id='filter2_d_894_193'
-        width='118.344'
-        x='47.8791'
-        y='47.7826'
-      >
-        <feFlood floodOpacity='0' result='BackgroundImageFix' />
-        <feColorMatrix
-          in='SourceAlpha'
-          result='hardAlpha'
-          type='matrix'
-          values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'
-        />
-        <feOffset />
-        <feGaussianBlur stdDeviation='10' />
-        <feComposite in2='hardAlpha' operator='out' />
-        <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
-          in2='BackgroundImageFix'
-          mode='normal'
-          result='effect1_dropShadow_894_193'
-        />
-        <feBlend
-          in='SourceGraphic'
-          in2='effect1_dropShadow_894_193'
-          mode='normal'
-          result='shape'
-        />
-      </filter>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint0_linear_894_193'
-        x1='108.83'
-        x2='105.322'
-        y1='97.4502'
-        y2='117.343'
-      >
-        <stop stopColor='#64A8FF' />
-        <stop offset='1' stopColor='#3182F6' />
-      </linearGradient>
-      <clipPath id='clip0_894_193'>
-        <rect
-          fill='white'
-          height='180'
-          rx='90'
-          width='180'
-        />
-      </clipPath>
-    </defs>
-  </svg>
-);
-    
-CheckGraphic.displayName = 'CheckGraphic';
\ No newline at end of file
diff --git a/frontend/packages/ui/src/components/Icon/custom/ClockGraphic.tsx b/frontend/packages/ui/src/components/Icon/custom/ClockGraphic.tsx
deleted file mode 100644
index 3722afdb..00000000
--- a/frontend/packages/ui/src/components/Icon/custom/ClockGraphic.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-   
-import type { IconProps } from '../Icon';
-
-export const ClockGraphic = ({ clickable = false, className, width = 24, height = 24, stroke = 'white', fill = 'white', ...rest }: IconProps) => (
-  <svg
-    aria-label='clock-graphic icon'
-    className={className}
-    fill='none'
-    height={height || width}
-    style={{ cursor: clickable ? 'pointer' : 'default', ...rest.style }}
-    viewBox='0 0 200 200'
-    width={width}
-    xmlns='http://www.w3.org/2000/svg'
-    {...rest}
-  >
-    <circle
-      cx='100'
-      cy='100'
-      fill='url(#paint0_linear_894_208)'
-      r='100'
-    />
-    <circle
-      cx='100'
-      cy='100.5'
-      fill='url(#paint1_radial_894_208)'
-      r='75'
-    />
-    <rect
-      fill='#4E5968'
-      height='66'
-      rx='4'
-      transform='rotate(120 104.158 98.5)'
-      width='8'
-      x='104.158'
-      y='98.5'
-    />
-    <rect
-      fill='#4E5968'
-      height='50'
-      rx='4'
-      transform='rotate(-135 99.6569 106.512)'
-      width='8'
-      x='99.6569'
-      y='106.512'
-    />
-    <rect
-      fill='#4593FC'
-      height='60'
-      rx='2'
-      width='4'
-      x='98'
-      y='100'
-    />
-    <circle
-      cx='100'
-      cy='100.5'
-      fill='white'
-      r='10'
-      stroke='#E5E8EB'
-      strokeWidth='4'
-    />
-    <defs>
-      <linearGradient
-        gradientUnits='userSpaceOnUse'
-        id='paint0_linear_894_208'
-        x1='-1.8593e-06'
-        x2='192.95'
-        y1='10.0503'
-        y2='206.91'
-      >
-        <stop stopColor='#D1D6DB' />
-        <stop offset='1' stopColor='#F2F4F6' />
-      </linearGradient>
-      <radialGradient
-        cx='0'
-        cy='0'
-        gradientTransform='translate(100 100.5) rotate(90) scale(75)'
-        gradientUnits='userSpaceOnUse'
-        id='paint1_radial_894_208'
-        r='1'
-      >
-        <stop offset='0.709' stopColor='white' />
-        <stop offset='1' stopColor='#F1F1F1' />
-      </radialGradient>
-    </defs>
-  </svg>
-
-);
-
-ClockGraphic.displayName = 'ClockGraphic';
diff --git a/frontend/packages/ui/src/components/Icon/index.ts b/frontend/packages/ui/src/components/Icon/index.ts
index 9a403ea3..bf31d0ec 100644
--- a/frontend/packages/ui/src/components/Icon/index.ts
+++ b/frontend/packages/ui/src/components/Icon/index.ts
@@ -1,24 +1,24 @@
-export * from './component/ArrowLeft';
-export * from './component/CalendarCheck';
-export * from './component/CalendarMini';
-export * from './component/Calendar';
-export * from './component/Check';
-export * from './custom/CheckGraphic';
-export * from './component/ChevronDown';
-export * from './component/ChevronLeft';
-export * from './component/ChevronRight';
-export * from './component/CircleCheck';
-export * from './component/ClockGraphic';
-export * from './component/Clock';
-export * from './component/Close';
-export * from './component/GoogleCalendar';
-export * from './component/Google';
-export * from './component/IconDotsMono';
-export * from './component/Logo';
-export * from './component/Pencil';
-export * from './component/PinLocation';
-export * from './component/Plus';
-export * from './component/Progress';
-export * from './component/TriangleWarning';
-export * from './component/UserTwo';
-export * from './component/TooltipArrow';
\ No newline at end of file
+export * from "./component/ArrowLeft";
+export * from "./component/CalendarCheck";
+export * from "./component/CalendarMini";
+export * from "./component/Calendar";
+export * from "./component/CheckGraphic";
+export * from "./component/Check";
+export * from "./component/ChevronDown";
+export * from "./component/ChevronLeft";
+export * from "./component/ChevronRight";
+export * from "./component/CircleCheck";
+export * from "./component/ClockGraphic";
+export * from "./component/Clock";
+export * from "./component/Close";
+export * from "./component/GoogleCalendar";
+export * from "./component/Google";
+export * from "./component/IconDotsMono";
+export * from "./component/Logo";
+export * from "./component/Pencil";
+export * from "./component/PinLocation";
+export * from "./component/Plus";
+export * from "./component/Progress";
+export * from "./component/TriangleWarning";
+export * from "./component/UserTwo";
+export * from "./component/TooltipArrow";
\ No newline at end of file