nicolium: attempts at modal accessibility

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/nicolium/src/components/modal-root.tsx

@@ -255,7 +255,12 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
             onClick={handleOnClose}
           />
 
-          <div role='dialog' className='⁂-modal-root__container'>
+          <div
+            role={type === 'CONFIRM' ? 'alertdialog' : 'dialog'}
+            className='⁂-modal-root__container'
+            aria-modal
+            aria-labelledby='modal-title'
+          >
             {children}
           </div>
         </>

packages/nicolium/src/styles/new/components.scss

@@ -358,7 +358,8 @@ div[data-viewport-type='window']:has(.⁂-empty-message) {
       @apply flex w-full items-center gap-2;
     }
 
-    h3 {
+    h3,
+    h2 {
       @apply grow text-lg font-bold leading-6 text-gray-900 dark:text-white;
     }