fix(frontend): fix modal design and rename some text for adding servers

src/components/Common/Modal/index.tsx

@@ -116,7 +116,11 @@ const Modal: React.FC<ModalProps> = ({
                         {iconSvg}
                       </div>
                     )}
-                    <div className="mt-3 text-center sm:mt-0 sm:text-left mb-6">
+                    <div
+                      className={`mt-3 text-center sm:mt-0 sm:text-left ${
+                        iconSvg ? 'sm:ml-4' : 'mb-6'
+                      }`}
+                    >
                       {title && (
                         <h3
                           className="text-lg leading-6 font-medium text-white"

src/components/Settings/RadarrModal.tsx

@@ -186,7 +186,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
                   ? 'Saving...'
                   : !!radarr
                   ? 'Save Changes'
-                  : 'Create Instance'
+                  : 'Add Server'
               }
               secondaryButtonType="warning"
               secondaryText={isTesting ? 'Testing...' : 'Test'}

src/components/Settings/SettingsServices.tsx

@@ -252,7 +252,7 @@ const SettingsServices: React.FC = () => {
                       clipRule="evenodd"
                     />
                   </svg>
-                  Add New Radarr Instance
+                  Add Radarr Server
                 </Button>
               </div>
             </li>
@@ -314,7 +314,7 @@ const SettingsServices: React.FC = () => {
                       clipRule="evenodd"
                     />
                   </svg>
-                  Add New Sonarr Instance
+                  Add Sonarr Server
                 </Button>
               </div>
             </li>

src/components/Settings/SonarrModal.tsx

@@ -186,7 +186,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
                   ? 'Saving...'
                   : !!sonarr
                   ? 'Save Changes'
-                  : 'Create Instance'
+                  : 'Add Server'
               }
               secondaryButtonType="warning"
               secondaryText={isTesting ? 'Testing...' : 'Test'}