restart session logic

src/components/ModalContainer.tsx

@@ -45,7 +45,7 @@ function ModalContainer() {
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           exit={{ opacity: 0 }}
-          className='h-full'
+          className="h-full"
         >
           <div
             ref={popoverRef}
@@ -55,27 +55,28 @@ function ModalContainer() {
               position === "right" && "items-end"
             )}
           >
-            <div className='max-h-full'>
-              <div ref={divRef} className='p-[0.972vw]'>
+            <div className="max-h-full">
+              <div ref={divRef} className="p-[0.972vw]">
                 <div
                   ref={backdropRef}
-                  className='absolute inset-0 cursor-pointer'
+                  className="absolute inset-0 cursor-pointer"
                   onClick={() => setModal(null)}
                 />
                 <div
                   ref={containerRef}
-                  className='relative w-full'
+                  className="relative w-full"
                   // style={{
                   //   height: `calc(${backdropRef.current?.clientHeight}px - 0.972vw * 2)`,
                   // }}
                 >
                   {modal}
                   <NewButton
-                    variant='secondary'
-                    className='absolute top-[1.389vw] right-[1.389vw] p-[0.556vw]'
+                    size="small"
+                    variant="secondary"
+                    className="absolute top-[1.389vw] right-[1.389vw] p-[0.556vw]"
                     onClick={() => setModal(null)}
                   >
-                    <span className='w-[0.972vw] h-[0.972vw] text-[#7D7D7D]'>
+                    <span className="w-[0.972vw] h-[0.972vw] text-[#7D7D7D]">
                       <CloseIcon />
                     </span>
                   </NewButton>