feat: header component

feat: dropdown component
feat: avatar component

src/components/ui/avatar/avatar.tsx

@@ -0,0 +1,23 @@
+import { CSSProperties, ComponentPropsWithoutRef } from 'react'
+
+import clsx from 'clsx'
+
+import s from './avatar.module.scss'
+
+export type AvatarProps = ComponentPropsWithoutRef<'img'> & {
+  size?: CSSProperties['width']
+}
+
+export const Avatar = ({ className, size = '36px', style, ...rest }: AvatarProps) => {
+  return (
+    <img
+      className={clsx(className, s.avatar)}
+      style={{
+        ...style,
+        height: size,
+        width: size,
+      }}
+      {...rest}
+    />
+  )
+}