fix: clean up otherinfo error and loading html

ts/components/dialog/debug/components.tsx

@@ -282,12 +282,10 @@ export const OtherInfo = () => {
         flexGap="var(--margins-xs)"
       >
         {otherInfo.loading ? (
-          <p style={{ userSelect: 'text' }}>{localize('loading')}</p>
+          <p>{localize('loading')}</p>
         ) : otherInfo.error ? (
-          <p style={{ userSelect: 'text' }}>
+          <p style={{ color: 'var(--danger-color)', userSelect: 'text' }}>
-            <span style={{ color: 'var(--danger-color)' }}>
+            {localize('theError')}: {otherInfo.error.message || localize('errorUnknown')}
-              {localize('theError')}: {otherInfo.error.message || localize('errorUnknown')}
-            </span>
           </p>
         ) : null}
         {otherInfo.value