frontend: fix settings-item height in scaled up mode

Fixed a bug caused by empy paragraph element, which increased
settings item height unnecessarily.

Author: thisconnect

frontends/web/src/routes/settings/components/settingsItem/settingsItem.tsx

@@ -54,13 +54,15 @@ export const SettingsItem = ({
       ${styles.rightContentContainer || ''}
       ${!notButton && styles.extraPadding || ''}
     `}>
-      <p className={`
-        ${displayedValue && styles.displayedValue || ''}
-        ${extraComponent && styles.withMargin || ''}
-        ${hideDisplayedValueOnSmall && styles.hideDisplayedValueOnSmall || ''}
-      `}>
-        {displayedValue}
-      </p>
+      {displayedValue && (
+        <p className={`
+          ${displayedValue && styles.displayedValue || ''}
+          ${extraComponent && styles.withMargin || ''}
+          ${hideDisplayedValueOnSmall && styles.hideDisplayedValueOnSmall || ''}
+        `}>
+          {displayedValue}
+        </p>
+      )}
       {canUpgrade && <RedDot width={8} height={8} />}
       {extraComponent ? extraComponent : null}
     </div>