feat(WEB-170): edit profile view

components/Icons/Calendar.tsx

@@ -0,0 +1,14 @@
+import Image from "@/components/Image"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function CalendarIcon({ height = 20, width = 20 }: IconProps) {
+  return (
+    <Image
+      alt="Calendar Icon"
+      height={height}
+      src="/calendar_month.svg"
+      width={width}
+    />
+  )
+}

components/Icons/ChevronDown.tsx

@@ -0,0 +1,17 @@
+import Image from "@/components/Image"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function ChevronDownIcon({
+  height = 20,
+  width = 20,
+}: IconProps) {
+  return (
+    <Image
+      alt="Chevron Down Icon"
+      height={height}
+      src="/chevron-down.svg"
+      width={width}
+    />
+  )
+}

components/Icons/Email.tsx

@@ -0,0 +1,14 @@
+import Image from "@/components/Image"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function EmailIcon({ height = 20, width = 20 }: IconProps) {
+  return (
+    <Image
+      alt="Email Icon"
+      height={height}
+      src="/alternate_email.svg"
+      width={width}
+    />
+  )
+}

components/Icons/House.tsx

@@ -0,0 +1,9 @@
+import Image from "@/components/Image"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function HouseIcon({ height = 20, width = 20 }: IconProps) {
+  return (
+    <Image alt="House Icon" height={height} src="/home.svg" width={width} />
+  )
+}

components/Icons/Phone.tsx

@@ -0,0 +1,9 @@
+import Image from "@/components/Image"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function PhoneIcon({ height = 20, width = 20 }: IconProps) {
+  return (
+    <Image alt="Phone Icon" height={height} src="/phone.svg" width={width} />
+  )
+}

components/Icons/index.tsx

@@ -0,0 +1,5 @@
+export { default as CalendarIcon } from "./Calendar"
+export { default as ChevronDownIcon } from "./ChevronDown"
+export { default as EmailIcon } from "./Email"
+export { default as HouseIcon } from "./House"
+export { default as PhoneIcon } from "./Phone"