Short description for settings

apps/remix-ide/src/app/tabs/locales/en/settings.json

@@ -2,7 +2,8 @@
   "settings.displayName": "Settings",
   "settings.reset": "Reset to Default settings",
   "settings.general": "General settings",
-  "settings.generateContractMetadataText": "Generate contract metadata. Generate a JSON file in the contract folder. Allows to specify library addresses the contract depends on. If nothing is specified, Remix deploys libraries automatically.",
+  "settings.generateContractMetadataText": "Generate contract metadata",
+  "settings.generateContractMetadataTooltip": "Generate a JSON file in the contract folder. Allows to specify library addresses the contract depends on. If nothing is specified, Remix deploys libraries automatically.",
   "settings.ethereunVMText": "Always use the Remix VM at load",
   "settings.wordWrapText": "Word wrap in editor",
   "settings.useAutoCompleteText": "Enable code completion in editor.",

libs/remix-ui/settings/src/lib/remix-ui-settings.tsx

@@ -249,6 +249,14 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
               htmlFor="generatecontractmetadata"
             >
               <FormattedMessage id="settings.generateContractMetadataText" />
+              <CustomTooltip
+                placement="auto"
+                tooltipId="overlay-tooltip-compile"
+                tooltipText={intl.formatMessage({ id: 'settings.generateContractMetadataTooltip' })}
+              >
+                <i className="ml-2 fas fa-info-circle"></i>
+              </CustomTooltip>
+              
             </label>
           </div>
           <div className="mt-2 custom-control custom-checkbox mb-1">