Add header and themes

src/shared/assets/icons/index.ts

@@ -0,0 +1,5 @@
+import { SearchIcon } from "./searchIcon";
+import { PersonIcon } from "./personIcon";
+import { SunIcon } from "./sunIcon";
+
+export { SearchIcon, PersonIcon, SunIcon };

src/shared/assets/icons/personIcon.tsx

@@ -0,0 +1,27 @@
+export const PersonIcon = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <path
+        d="M7 6.6718C7.85087 6.6718 8.6669 6.32103 9.26856 
+            5.69667C9.87022 5.07231 10.2082 4.22549 10.2082 
+            3.34251C10.2082 2.45952 9.87022 1.6127 9.26856 
+            0.988341C8.6669 0.363978 7.85087 0.0132141 7 
+            0.0132141C6.14913 0.0132141 5.3331 0.363978 4.73144 
+            0.988341C4.12978 1.6127 3.79177 2.45952 3.79177 
+            3.34251C3.79177 4.22549 4.12978 5.07231 4.73144 
+            5.69667C5.3331 6.32103 6.14913 6.6718 7 6.6718ZM7 
+            8.13453C2.73445 8.13453 0 10.5773 0 
+            11.7666V13.9875H14V11.7666C14 10.3283 11.4113 
+            8.13453 7 8.13453Z"
+        fill="var(--color-fg1)"
+      />
+    </svg>
+  );
+};

src/shared/assets/icons/searchIcon.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+
+export const SearchIcon = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <path
+        d="M9 4C11.7614 4 14 6.23858 14 9M14.6588 
+            14.6549L19 19M17 9C17 13.4183 13.4183 
+            17 9 17C4.58172 17 1 13.4183 1 9C1 
+            4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z"
+        stroke="var(--color-fg1)"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

src/shared/assets/icons/sunIcon.tsx

@@ -0,0 +1,31 @@
+export const SunIcon = ({
+  className,
+  onClick,
+}: {
+  className?: string;
+  onClick?: () => void;
+}) => {
+  return (
+    <svg
+      width="800px"
+      height="800px"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      onClick={onClick}
+    >
+      <path
+        d="M12 3V4M12 20V21M4 12H3M6.31412 6.31412L5.5 5.5M17.6859 
+            6.31412L18.5 5.5M6.31412 17.69L5.5 18.5001M17.6859 
+            17.69L18.5 18.5001M21 12H20M16 12C16 14.2091 14.2091 
+            16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 
+            8 12 8C14.2091 8 16 9.79086 16 12Z"
+        stroke="var(--color-fg1)"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};