feat(overlays): MIN-192 add overlay as user

Short description:

Add overlay as user

Approach:

Added the ability to create a user overlay by uploading a file or entering a list of elements. Added automatic change of overlay name and description.

overlay-user

overlays-user-2

src/components/FunctionalArea/Modal/LoginModal/LoginModal.component.tsx

@@ -3,6 +3,7 @@ import { useAppSelector } from '@/redux/hooks/useAppSelector';
 import { loadingUserSelector } from '@/redux/user/user.selectors';
 import { login } from '@/redux/user/user.thunks';
 import { Button } from '@/shared/Button';
+import { Input } from '@/shared/Input';
 import Link from 'next/link';
 import React from 'react';
 
@@ -27,26 +28,26 @@ export const LoginModal: React.FC = () => {
       <form onSubmit={handleSubmit}>
         <label className="mb-5 block text-sm font-semibold" htmlFor="login">
           Login:
-          <input
+          <Input
             type="text"
             name="login"
             id="login"
             placeholder="Your login here.."
             value={credentials.login}
             onChange={handleChange}
-            className="mt-2.5 h-10 w-full rounded-s border border-transparent bg-cultured px-2 py-2.5 text-sm font-medium text-font-400 outline-none  hover:border-greyscale-600 focus:border-greyscale-600"
+            className="mt-2.5 text-sm font-medium text-font-400"
           />
         </label>
         <label className="text-sm font-semibold" htmlFor="password">
           Password:
-          <input
+          <Input
             type="password"
             name="password"
             id="password"
             placeholder="Your password here.."
             value={credentials.password}
             onChange={handleChange}
-            className="mt-2.5 h-10 w-full rounded-s border border-transparent bg-cultured px-2 py-2.5 text-sm font-medium text-font-400 outline-none  hover:border-greyscale-600 focus:border-greyscale-600"
+            className="mt-2.5 text-sm font-medium text-font-400"
           />
         </label>
         <div className="mb-10 text-right">