Hook up theme and clear responses

src-web/components/Icon.tsx

@@ -3,14 +3,25 @@ import {
   CameraIcon,
   GearIcon,
   HomeIcon,
+  MoonIcon,
   PaperPlaneIcon,
+  SunIcon,
   TriangleDownIcon,
   UpdateIcon,
 } from '@radix-ui/react-icons';
 import classnames from 'classnames';
 import { NamedExoticComponent } from 'react';
 
-type IconName = 'archive' | 'home' | 'camera' | 'gear' | 'triangle-down' | 'paper-plane' | 'update';
+type IconName =
+  | 'archive'
+  | 'home'
+  | 'camera'
+  | 'gear'
+  | 'triangle-down'
+  | 'paper-plane'
+  | 'update'
+  | 'sun'
+  | 'moon';
 
 const icons: Record<IconName, NamedExoticComponent<{ className: string }>> = {
   'paper-plane': PaperPlaneIcon,
@@ -20,6 +31,8 @@ const icons: Record<IconName, NamedExoticComponent<{ className: string }>> = {
   gear: GearIcon,
   home: HomeIcon,
   update: UpdateIcon,
+  sun: SunIcon,
+  moon: MoonIcon,
 };
 
 export interface IconProps {