feat(Radio): update header structure and styling for improved accessibility

feat(Dropdown): remove margin and clean up unused styles
style(ModalTabContent): adjust padding and add gap for button layout

src/components/Elements/MainModal/scss/modules/_modalTabContent.scss

@@ -35,8 +35,8 @@
 
       /* border-top: 1px solid #ccc; */
       border-bottom: 1px solid #676767;
-      padding-top: 1rem;
-      padding-bottom: 1rem;
+      padding-top: 2rem;
+      padding-bottom: 2rem;
 
       &.settingsNoBorder {
         border-bottom: none;
@@ -57,6 +57,7 @@
         flex-flow: column;
         align-items: flex-end;
         width: 300px;
+        gap: 10px;
 
         button {
           margin-top: 10px;

src/components/Form/Settings/Dropdown/Dropdown.scss

@@ -52,7 +52,6 @@
 .dropdown {
   position: relative;
   width: 300px;
-  margin-top: 10px;
   gap: 8px;
   display: flex;
   flex-flow: column;
@@ -242,12 +241,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-
-    .dropdown-option-default {
-      @include themed {
-        color: t($subColor);
-      }
-    }
   }
 
   .dropdown-option-check {

src/components/Form/Settings/Radio/Radio.jsx

@@ -54,9 +54,9 @@ const Radio = memo((props) => {
   return (
     <div className="radio-group">
       {props.title && (
-        <legend className={props.smallTitle ? 'radio-title-small' : 'radio-title'}>
-          {props.title}
-        </legend>
+        <div className="radio-header">
+          <label className="radio-header-label">{props.title}</label>
+        </div>
       )}
       <div className="radio-options" role="radiogroup" aria-label={props.name}>
         {props.options.map((option) => (

src/components/Form/Settings/Radio/Radio.scss

@@ -19,16 +19,19 @@
 
 .radio-group {
   width: 100%;
-  margin-top: 10px;
 
-  .radio-title {
-    font-weight: bold;
-    font-size: 1.17rem;
-    margin-bottom: 12px;
-    display: block;
+  .radio-header {
+    margin-bottom: 18px;
+  }
+
+  .radio-header-label {
+    font-size: 12px;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
 
     @include themed {
-      color: t($color);
+      color: t($subColor);
     }
   }