세션 화면 디자인 개편

apps/web/src/components/ui/Icon.tsx

@@ -9,6 +9,9 @@ import type { ReactNode, SVGProps } from "react";
 
 export type IconName =
   | "home"
+  | "clock"
+  | "hourglass"
+  | "spark"
   | "session"
   | "review"
   | "users"
@@ -50,6 +53,24 @@ export interface IconProps extends Omit<SVGProps<SVGSVGElement>, "name"> {
 
 // 각 아이콘의 path/children (24x24 viewBox 기준). google 만 멀티컬러 예외.
 const PATHS: Record<IconName, ReactNode> = {
+  clock: (
+    <>
+      <circle cx="12" cy="12" r="9" />
+      <path d="M12 7v5l3 2" />
+    </>
+  ),
+  hourglass: (
+    <>
+      <path d="M6 3h12M6 21h12" />
+      <path d="M7 3c0 4 1.5 6.2 5 9-3.5 2.8-5 5-5 9M17 3c0 4-1.5 6.2-5 9 3.5 2.8 5 5 5 9" />
+    </>
+  ),
+  spark: (
+    <>
+      <path d="m12 3 1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3Z" />
+      <path d="m19 15 .8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8L19 15Z" />
+    </>
+  ),
   refresh: (
     <>
       <path d="M21 12a9 9 0 1 1-2.64-6.36L21 8" />