refactor(logo): Update main logo SVG to use currentColor

The main logo SVG has been replaced with an updated version.

The previous logo had hardcoded fill colors, making it difficult to adapt to different color schemes, such as light and dark modes.

The new SVG uses `fill="currentColor"`, which allows its color to be controlled via the parent element's CSS `color` property. This makes the logo easily themeable and more flexible for use throughout the application.

src/components/forms/admins/CreateAdmin.tsx

@@ -45,6 +45,7 @@ const CreateAdminForm: FC<IProps> = ({ defaultValues, editMode, id }) => {
               })}
               label="Full name"
               placeholder="Full name"
+              required
               type="text"
               name="full_name"
             />
@@ -60,6 +61,7 @@ const CreateAdminForm: FC<IProps> = ({ defaultValues, editMode, id }) => {
               label="Username"
               placeholder="Username"
               autoComplete="off"
+              required
               type="text"
               {...register("username", {
                 required: {
@@ -94,6 +96,7 @@ const CreateAdminForm: FC<IProps> = ({ defaultValues, editMode, id }) => {
               autoComplete="off"
               placeholder="Email"
               type="email"
+              required
               {...register("email", {
                 required: {
                   value: true,
@@ -117,7 +120,8 @@ const CreateAdminForm: FC<IProps> = ({ defaultValues, editMode, id }) => {
             <InputGroup
               label="Password"
               placeholder="Password"
-              autoComplete="off"
+              autoComplete="new-password"
+              required
               type="password"
               {...register("password", {
                 required: {

src/components/forms/companies/CreateCompany.tsx

@@ -9,6 +9,7 @@ import { Select } from "@/components/FormElements/select";
 import { CurrencyIcon, GlobeIcon, MoneyIcon } from "@/assets/icons";
 import MultiSelect from "@/components/FormElements/MultiSelect";
 import { TextAreaGroup } from "@/components/FormElements/InputGroup/text-area";
+import { PHONE_REGEX } from "@/constants/regex";
 
 interface IProps {
   editMode?: boolean;
@@ -34,7 +35,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
   });
   return (
     <form
-      className="grid grid-cols-1 items-start gap-9 rounded-xl bg-gray-1 p-10 sm:grid-cols-2"
+      className="grid grid-cols-1 items-start gap-9 rounded-xl bg-gray-1 p-10 dark:bg-gray-7 sm:grid-cols-2"
       onSubmit={handleSubmit(onSubmit)}
     >
       <div className="flex flex-col gap-9">
@@ -56,6 +57,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             })}
             label="Name"
             name="name"
+            required
             type="text"
             placeholder="Enter Company Name"
           />
@@ -72,6 +74,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             })}
             label="Email"
             name="email"
+            required
             type="email"
             placeholder="Enter Company Email"
           />
@@ -89,9 +92,14 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
                 value: 20,
                 message: FormErrorMessages.maxLength(20),
               },
+              pattern: {
+                value: PHONE_REGEX,
+                message: FormErrorMessages.invalidPattern,
+              },
             })}
             label="Phone"
             name="phone"
+            required
             type="tel"
             placeholder="Enter Company Phone"
           />
@@ -104,6 +112,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             })}
             name="type"
             label="Company type"
+            required
             items={[
               { value: "private", label: "Private" },
               { value: "public", label: "Public" },
@@ -129,6 +138,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             label="Registration Number"
             name="registration_number"
             type="text"
+            required
             placeholder="Enter Registration Number"
           />
           {errors.registration_number && (
@@ -148,6 +158,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             label="Tax id"
             name="tax_id"
             type="text"
+            required
             placeholder="Enter Tax id"
           />
           {errors.tax_id && (
@@ -165,6 +176,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             label="Industry"
             name="industry"
             type="text"
+            required
             placeholder="Enter Industry"
           />
           {errors.industry && (
@@ -202,6 +214,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
               },
             })}
             label="Website"
+            required
             name="website"
             type="url"
             placeholder="Enter Company Website"
@@ -212,116 +225,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             </p>
           )}
         </ShowcaseSection>
-        <ShowcaseSection
-          title="Contact Person"
-          className="grid grid-cols-1 gap-5"
-        >
-          <InputGroup
-            {...register("contact_person.full_name", {
-              required: { value: true, message: FormErrorMessages.required },
-              minLength: {
-                value: 2,
-                message: FormErrorMessages.minLength(2),
-              },
-              maxLength: {
-                value: 100,
-                message: FormErrorMessages.maxLength(100),
-              },
-            })}
-            label="Full name"
-            name="contact_person.full_name"
-            placeholder="Enter Full name"
-            type="text"
-          />
-          {errors.contact_person?.full_name && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.contact_person.full_name.message}
-            </p>
-          )}
-          <InputGroup
-            {...register("contact_person.position", {
-              required: { value: true, message: FormErrorMessages.required },
-              minLength: {
-                value: 2,
-                message: FormErrorMessages.minLength(2),
-              },
-              maxLength: {
-                value: 100,
-                message: FormErrorMessages.maxLength(100),
-              },
-            })}
-            label="Position"
-            name="contact_person.position"
-            placeholder="Enter Content Person Position"
-            type="text"
-          />
-          {errors.contact_person?.position && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.contact_person.position.message}
-            </p>
-          )}
-          <InputGroup
-            {...register("contact_person.email", {
-              required: { value: true, message: FormErrorMessages.required },
-              pattern: {
-                value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
-                message: FormErrorMessages.invalidEmail,
-              },
-            })}
-            label="Email"
-            name="contact_person.email"
-            placeholder="Enter Contact Person Email"
-            type="email"
-          />
-          {errors.contact_person?.email && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.contact_person.email.message}
-            </p>
-          )}
-          <InputGroup
-            {...register("contact_person.phone", {
-              required: { value: true, message: FormErrorMessages.required },
-              minLength: {
-                value: 10,
-                message: FormErrorMessages.minLength(10),
-              },
-              maxLength: {
-                value: 20,
-                message: FormErrorMessages.maxLength(20),
-              },
-            })}
-            label="Phone"
-            name="contact_person.phone"
-            placeholder="Enter Contact Person Phone"
-            type="tel"
-          />
-          {errors.contact_person?.phone && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.contact_person.phone.message}
-            </p>
-          )}
-          <InputGroup
-            {...register("contact_person.mobile", {
-              minLength: {
-                value: 10,
-                message: FormErrorMessages.minLength(10),
-              },
-              maxLength: {
-                value: 20,
-                message: FormErrorMessages.maxLength(20),
-              },
-            })}
-            label="Mobile"
-            name="contact_person.mobile"
-            placeholder="Enter Contact Person Mobile"
-            type="tel"
-          />
-          {errors.contact_person?.mobile && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.contact_person.mobile.message}
-            </p>
-          )}
-        </ShowcaseSection>
+
         <ShowcaseSection title="Settings" className="grid grid-cols-1 gap-5">
           <Select
             {...register("language")}
@@ -461,6 +365,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             })}
             label="Street"
             name="address.street"
+            required
             type="text"
             placeholder="Enter Street"
           />
@@ -482,6 +387,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
               },
             })}
             label="City"
+            required
             name="address.city"
             type="text"
             placeholder="Enter City"
@@ -506,6 +412,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             label="State"
             name="address.state"
             type="text"
+            required
             placeholder="Enter State"
           />
           {errors.address?.state && (
@@ -528,6 +435,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             label="Postal code"
             name="address.postal_code"
             type="text"
+            required
             placeholder="Enter Postal code"
           />
           {errors.address?.postal_code && (
@@ -550,6 +458,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
             label="Country"
             name="address.country"
             type="text"
+            required
             placeholder="Enter Country"
           />
           {errors.address?.country && (
@@ -595,30 +504,6 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
               {errors.tags.specializations.message}
             </p>
           )}
-          <InputGroup
-            {...register("tags.certifications")}
-            label="Certifications"
-            name="tags.certifications"
-            type="text"
-            placeholder="Enter Tag Certifications"
-          />
-          {errors.tags?.certifications && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.tags.certifications.message}
-            </p>
-          )}
-          <InputGroup
-            {...register("tags.cpv_codes")}
-            label="CPV Code"
-            name="tags.cpv_codes"
-            type="text"
-            placeholder="Enter Tag CPV Code"
-          />
-          {errors.tags?.cpv_codes && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.tags.cpv_codes.message}
-            </p>
-          )}
         </ShowcaseSection>
       </div>