refactor(auth, layouts): enhance UI components for improved aesthetics and usability

- Updated SignIn and Profile components with new background styles and layout adjustments for a more modern look.
- Refined button styles in GoogleSigninButton and SigninWithPassword for better user interaction feedback.
- Enhanced InputGroup and Select components with improved styling and error handling for a more consistent user experience.
- Adjusted Sidebar and Header components for better responsiveness and visual appeal.
- Implemented spotlight effect in UserInfo dropdown for a more engaging user interface.

src/components/Tables/admins/index.tsx

@@ -4,6 +4,7 @@ import { PencilSquareIcon, TrashIcon, UserSettingIcon } from "@/assets/icons";
 import EmptyListWrapper from "@/components/HOC/EmptyListWrapper";
 import ConfirmationModal from "@/components/ui/ConfirmationModal";
 import ListHeader from "@/components/ui/ListHeader";
+import ListWrapper from "@/components/ui/ListWrapper";
 import Modal from "@/components/ui/modal";
 import Status from "@/components/ui/Status";
 import {
@@ -50,7 +51,7 @@ const AdminsTable = () => {
   } = useAdminsPresenter();
 
   return (
-    <div className="flex flex-col rounded-[10px] bg-white px-7.5 pb-4 pt-7.5 shadow-1 dark:bg-gray-dark dark:shadow-card">
+    <ListWrapper>
       <ListHeader
         onFilter={() => setIsFilterModalOpen(true)}
         createButtonText="Create Admin"
@@ -188,7 +189,7 @@ const AdminsTable = () => {
           onCancel={() => setIsModalOpen(false)}
         />
       )}
-    </div>
+    </ListWrapper>
   );
 };
 

src/components/Tables/admins/useAdminsPresenter.ts

@@ -88,7 +88,6 @@ export const useAdminsPresenter = () => {
     "row",
     "full name",
     "email",
-
     "username",
     "status",
     "actions",