Fix app list layout on tablet (#3255)

src/new-apps/components/InstalledAppListRow/AppManifestUrl.tsx

@@ -28,9 +28,11 @@ export const AppManifestUrl: React.FC<AppManifestUrlProps> = ({
       }}
     >
       <Tooltip title={manifestUrl} header="App Manifest URL">
-        <Text variant="caption" color="textNeutralSubdued">
-          {new URL(manifestUrl).host}
-        </Text>
+        <Box __maxWidth="300px" className="ellipsis">
+          <Text variant="caption" color="textNeutralSubdued">
+            {new URL(manifestUrl).host}
+          </Text>
+        </Box>
       </Tooltip>
       <CopyIcon
         color="iconNeutralSubdued"

src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx

@@ -47,10 +47,10 @@ export const InstalledAppListRow: React.FC<InstalledApp> = props => {
         backgroundColor={!app.isActive ? "surfaceNeutralSubdued" : undefined}
       >
         <Box
-          display="flex"
-          justifyContent={{ mobile: "space-between", desktop: "flex-start" }}
           gap={5}
           alignItems="center"
+          display="grid"
+          __gridTemplateColumns="1fr auto"
         >
           <AppAvatar logo={logo} />
           <Box