Modal & minor fixes

src/components/generic/Modal.tsx

@@ -4,8 +4,6 @@ import { m } from 'framer-motion';
 
 import { useAppSelector } from '@hooks/useAppSelector';
 
-// import { Backdrop } from './Backdrop';
-
 type DefaultDivProps = JSX.IntrinsicElements['div'];
 
 export interface ModalProps extends DefaultDivProps {
@@ -22,11 +20,11 @@ export const Modal = ({
   const darkMode = useAppSelector((state) => state.app.darkMode);
 
   return (
-    <m.div
-      className={`fixed inset-0 z-30 ${darkMode ? 'dark' : ''}`}
-      onClick={onClose}
-    >
-      <m.div className="fixed h-full w-full backdrop-blur-sm backdrop-filter" />
+    <m.div className={`fixed inset-0 z-30 ${darkMode ? 'dark' : ''}`}>
+      <m.div
+        className="fixed w-full h-full backdrop-blur-sm backdrop-filter"
+        onClick={onClose}
+      />
       <m.div className="text-center ">
         <span
           className="inline-block h-screen align-middle "

src/components/layout/Sidebar/sections/SidebarOverlay.tsx

@@ -22,14 +22,14 @@ export const SidebarOverlay = ({
     <AnimatePresence>
       {open && (
         <m.div
-          className="absolute z-20 flex h-full w-full flex-col bg-primaryDark"
+          className="absolute z-20 flex flex-col w-full h-full bg-primaryDark"
           animate={{ translateX: 0 }}
           initial={{ translateX: '-100%' }}
           exit={{ translateX: '-100%' }}
           transition={{ type: 'just' }}
         >
           <AnimateSharedLayout>
-            <div className="flex gap-2 p-2">
+            <div className="flex gap-2 p-2 border-b border-gray-300 dark:border-gray-600">
               <IconButton
                 onClick={(): void => {
                   close();

src/components/layout/index.tsx

@@ -23,7 +23,7 @@ export const Layout = ({
   return (
     <div className="flex w-full bg-gray-100 dark:bg-secondaryDark md:overflow-hidden md:shadow-xl">
       <Sidebar>
-        <div className="flex gap-2 border-b border-gray-300 p-2 dark:border-gray-600">
+        <div className="flex gap-2 p-2 border-b border-gray-300 dark:border-gray-600">
           <IconButton icon={icon} />
           <div className="my-auto text-lg font-medium dark:text-white">
             {title}