feat: add form for create new user

client/src/components/ContentDrawer.tsx

@@ -6,12 +6,14 @@ interface ContentDrawerProps {
   open: boolean;
   closeDrawer: () => void;
   children: React.ReactNode;
+  type: 'create' | 'edit';
 }
 
 export default function ContentDrawer({
   open,
   closeDrawer,
   children,
+  type,
 }: ContentDrawerProps) {
   const [width, setWidth] = useState<number | string>('30%');
 
@@ -27,7 +29,7 @@ export default function ContentDrawer({
     return () => window.removeEventListener('resize', calculateWidths);
   }, []);
 
-  const drawerTitle = (
+  const editDrawerTitle = (
     <div
       style={{
         display: 'flex',
@@ -86,9 +88,64 @@ export default function ContentDrawer({
     </div>
   );
 
+  const createDrawerTitle = (
+    <div
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        gap: 12,
+      }}
+    >
+      <div
+        onClick={closeDrawer}
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          height: '24px',
+          width: '24px',
+          cursor: 'pointer',
+        }}
+      >
+        <img
+          src="./icons/drawer/arrow_back.svg"
+          alt="close_drawer"
+          style={{ height: '16px', width: '16px' }}
+        />
+      </div>
+
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          gap: 12,
+          flex: 1,
+          fontSize: '20px',
+        }}
+      >
+        Новая учетная запись
+      </div>
+
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          height: '24px',
+          width: '24px',
+        }}
+      >
+        <img
+          src="./icons/drawer/delete.svg"
+          alt="delete"
+          style={{ height: '18px', width: '16px' }}
+        />
+      </div>
+    </div>
+  );
+
   return (
     <Drawer
-      title={drawerTitle}
+      title={type === 'create' ? createDrawerTitle : editDrawerTitle}
       placement="right"
       open={open}
       width={width}