fix: correct version lock tooltip

- Replaced unsupported prop value `inlineFlex` with a supported
equivalent `flexDefault`.
- Updated tooltip message for clarity and consistency.

Author: katarinazaprazna

playwright/UI/SystemsTests.spec.ts

@@ -146,9 +146,7 @@ test.describe('Systems Tests', () => {
     await test.step('Tooltip is displayed showing the system is version-locked', async () => {
       const OScell = await getRowCellByHeader(page, row, 'OS');
       await OScell.hover();
-      await expect(
-        page.getByText(`Your RHEL version is locked at version ${version}`),
-      ).toBeVisible();
+      await expect(page.getByText(`This system is locked to version ${version}`)).toBeVisible();
     });
 
     await test.step('Create a template via API', async () => {

src/Messages.js

@@ -491,8 +491,8 @@ export default defineMessages({
   },
   textLockVersionTooltip: {
     id: 'textLockVersionTooltip',
-    description: 'Tooltip text for vesrion lock column',
-    defaultMessage: `Your RHEL version is locked at version {lockedVersion}`,
+    description: 'Tooltip text for version lock column',
+    defaultMessage: `This system is locked to version {lockedVersion}`,
   },
   textNoVersionAvailable: {
     id: 'textNoVersionAvailable',

src/Utilities/Helpers.js

@@ -508,9 +508,9 @@ export const createOSColumn = ({ osName, rhsm }) =>
         lockedVersion: rhsm,
       })}
     >
-      <Flex flex={{ default: 'inlineFlex' }}>
-        <FlexItem spacer={{ default: 'spacerSm' }}>{osName}</FlexItem>
-        <FlexItem spacer={{ default: 'spacerSm' }}>
+      <Flex flex={{ default: 'flexDefault' }} gap={{ default: 'gapSm' }}>
+        <FlexItem>{osName}</FlexItem>
+        <FlexItem>
           <InfoCircleIcon size='sm' color='var(--pf-t--global--color--status--info--100)' />
         </FlexItem>
       </Flex>