fix compiled by UI

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

@@ -4,7 +4,7 @@
   "udapp.account": "Account",
   "udapp.value": "Value",
   "udapp.contract": "Contract",
-  "udapp.compiledBy": "Compiled by {compilerName}",
+  "udapp.compiledBy": "compiled by {compilerName}",
   "udapp.warningEvmVersion": "Please make sure that the current network is compatible with this evm version: {evmVersion}. Otherwise any deployment will fail.",
   "udapp.infoSyncCompiledContractTooltip": "Click here to import contracts compiled from an external framework.This action is enabled when Remix is connected to an external framework (hardhat, truffle, foundry) through remixd.",
   "udapp.remixIpfsUdappTooltip": "Publishing the source code and metadata to IPFS facilitates source code verification using Sourcify and will greatly foster contract adoption (auditing, debugging, calling it, etc...)",

apps/remix-ide/src/app/tabs/locales/es/udapp.json

@@ -4,7 +4,7 @@
   "udapp.account": "Account",
   "udapp.value": "Value",
   "udapp.contract": "Contract",
-  "udapp.compiledBy": "Compiled by {compilerName}",
+  "udapp.compiledBy": "compiled by {compilerName}",
   "udapp.infoSyncCompiledContractTooltip": "Click here to import contracts compiled from an external framework.This action is enabled when Remix is connected to an external framework (hardhat, truffle, foundry) through remixd.",
   "udapp.remixIpfsUdappTooltip": "Publishing the source code and metadata to IPFS facilitates source code verification using Sourcify and will greatly foster contract adoption (auditing, debugging, calling it, etc...)",
   "udapp.signAMessage": "Sign a message",

apps/remix-ide/src/app/tabs/locales/fr/udapp.json

@@ -4,7 +4,7 @@
   "udapp.account": "Account",
   "udapp.value": "Value",
   "udapp.contract": "Contract",
-  "udapp.compiledBy": "Compiled by {compilerName}",
+  "udapp.compiledBy": "compiled by {compilerName}",
   "udapp.infoSyncCompiledContractTooltip": "Click here to import contracts compiled from an external framework.This action is enabled when Remix is connected to an external framework (hardhat, truffle, foundry) through remixd.",
   "udapp.remixIpfsUdappTooltip": "Publishing the source code and metadata to IPFS facilitates source code verification using Sourcify and will greatly foster contract adoption (auditing, debugging, calling it, etc...)",
   "udapp.signAMessage": "Sign a message",

libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx

@@ -274,7 +274,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
           <label className="udapp_settingsLabel pr-1">
             <FormattedMessage id='udapp.contract' />
           </label>
-          <div className="d-flex">{compilerName && compilerName !== '' && <label style={{ maxHeight: '0.6rem', lineHeight: '1rem' }} data-id="udappCompiledBy">(<FormattedMessage id='udapp.compiledBy' values={{ compilerName: <span className="text-capitalize"> {compilerName}</span> }} />)</label>}</div>
+          {compilerName && compilerName !== '' && <label className='udapp_settingsCompiledBy badge badge-secondary' data-id="udappCompiledBy"><FormattedMessage id='udapp.compiledBy' values={{ compilerName: <span className="text-capitalize"> {compilerName}</span> }} /></label>}
         </div>
         {props.remixdActivated ?
           (<CustomTooltip

libs/remix-ui/run-tab/src/lib/css/run-tab.css

@@ -22,6 +22,9 @@
   margin-bottom: 4px;
   text-transform: uppercase;
 }
+.udapp_settingsCompiledBy {
+  margin-bottom: 4px;
+}
 .udapp_environment {
   display: flex;
   align-items: center;