test(frontend:e2e): update application item style tests

- Shorten test app name for providing a better test case
- Add back width styling to ApplicationItem container

Author: ervcz

frontend/e2e/application-item-style.spec.ts

@@ -8,7 +8,7 @@ test.describe('Application Item Style', () => {
 
   test.beforeEach(async ({ page }, testInfo): Promise<void> => {
     const appNameSalt = generateSalt(testInfo.title);
-    appName = 'Test style app ' + appNameSalt;
+    appName = 'Sty';
     appId = 'io.test.style.app.' + appNameSalt;
 
     await page.goto('/');
@@ -49,8 +49,8 @@ test.describe('Application Item Style', () => {
         x: 0,
         y: -10,
         width: await appItem.boundingBox().then(box => box?.width || 800),
-        height: await appItem.boundingBox().then(box => (box?.height || 200) + 20)
-      }
+        height: await appItem.boundingBox().then(box => (box?.height || 200) + 20),
+      },
     });
   });
 });

frontend/e2e/application-item-style.spec.ts-snapshots/application-item-style-firefox-linux.png

@@ -75,7 +75,7 @@
     "@iconify/icons-mdi": "^1.2.48",
     "@iconify/react": "^5.2.1",
     "@iconify/tools": "^4.1.2",
-    "@playwright/test": "^1.52.0",
+    "@playwright/test": "1.53.0",
     "@storybook/addon-essentials": "^8.5.8",
     "@storybook/addon-links": "^8.5.8",
     "@storybook/manager-api": "^8.5.8",

frontend/package-lock.json

@@ -43,7 +43,7 @@ export default function ApplicationItem(props: ApplicationItemProps) {
 
   return (
     <StyledListItem className={classes.root}>
-      <Grid container>
+      <Grid container sx={{ width: '100%' }}>
         <Grid size={12}>
           <CardHeader
             cardMainLinkLabel={name}