feat: nudge users how to disable ssl cert vaidation

packages/bruno-app/src/components/ResponsePane/QueryResult/StyledWrapper.js

@@ -23,6 +23,10 @@ const StyledWrapper = styled.div`
       color: ${(props) => props.theme.colors.text.yellow};
     }
   }
+
+  .muted {
+    color: ${(props) => props.theme.colors.text.muted};
+  }
 `;
 
 export default StyledWrapper;

packages/bruno-app/src/components/ResponsePane/QueryResult/index.js

@@ -85,7 +85,16 @@ const QueryResult = ({ item, collection, data, dataBuffer, width, disableRunEven
         {tabs}
       </div>
       {error ? (
-        <span className="text-red-500">{error}</span>
+        <div>
+          <div className="text-red-500">{error}</div>
+
+          {error && typeof error === 'string' && error.toLowerCase().includes('self signed certificate') ? (
+            <div className="mt-6 muted text-xs">
+              You can disable SSL verification in the Preferences. <br />
+              To open the Preferences, click on the gear icon in the bottom left corner.
+            </div>
+          ) : null}
+        </div>
       ) : (
         <QueryResultPreview
           previewTab={previewTab}