refactor(forms): enhance grid layout and responsiveness across multiple components

- Updated grid classes in CreateAdmin, CreateCompany, CreateCompanyCategory, CreateCustomer, and CreateNotification components to improve responsiveness.
- Adjusted FormFooter and ListHeader components for better layout handling on different screen sizes.

src/components/forms/notifications/CreateNotification.tsx

@@ -28,7 +28,7 @@ const CreateNotificationForm = () => {
     <form onSubmit={handleSubmit(onSubmit)}>
       <ShowcaseSection
         title="Create Notification"
-        className="grid grid-cols-2 gap-5"
+        className="grid grid-cols-1 gap-5 md:grid-cols-2"
       >
         <div className="flex flex-col gap-2">
           <InputGroup
@@ -151,7 +151,7 @@ const CreateNotificationForm = () => {
             <p className="mt-1 text-sm text-red-500">{errors.type.message}</p>
           )}
         </div>
-        <div className="col-span-2 flex flex-col gap-2">
+        <div className="flex flex-col gap-2 md:col-span-2">
           <TextAreaGroup
             required
             {...register("description", {
@@ -165,7 +165,9 @@ const CreateNotificationForm = () => {
             placeholder="Enter description"
           />
         </div>
-        <FormFooter />
+        <div className="md:col-span-2">
+          <FormFooter />
+        </div>
       </ShowcaseSection>
     </form>
   );