Extensions: fix install button type and place of alert in menu (#5508)

* Fix install button

* Fix list group adornment

Author: poulch

src/components/Sidebar/menu/ItemGroup.tsx

@@ -41,13 +41,9 @@ export const ItemGroup: React.FC<Props> = ({ menuItem }) => {
             <Text size={3} fontWeight="medium">
               {menuItem.label}
             </Text>
+            {menuItem.endAdornment && <Box>{menuItem.endAdornment}</Box>}
           </Box>
         </Link>
-        {menuItem.endAdornment && (
-          <Box position="absolute" right={9} top={2} zIndex={"3"}>
-            {menuItem.endAdornment}
-          </Box>
-        )}
       </List.ItemGroup.Trigger>
       <List.ItemGroup.Content>
         <Box

src/extensions/components/ExtenionItem/components/AppInstallButton.tsx

@@ -17,7 +17,7 @@ export const AppInstallButton = ({ manifestUrl }: { manifestUrl: string }) => {
   if (!hasManagedAppsPermission) {
     return (
       <ButtonWithTooltip
-        variant="primary"
+        variant="secondary"
         disabled
         tooltip={intl.formatMessage(buttonMessages.noPermission)}
       >
@@ -29,7 +29,7 @@ export const AppInstallButton = ({ manifestUrl }: { manifestUrl: string }) => {
   if (IS_CLOUD_INSTANCE) {
     return (
       <Link href={AppUrls.resolveAppInstallUrl(manifestUrl)}>
-        <Button variant="primary" data-test-id="app-install-button">
+        <Button variant="secondary" data-test-id="app-install-button">
           <FormattedMessage {...buttonMessages.install} />
         </Button>
       </Link>
@@ -39,6 +39,7 @@ export const AppInstallButton = ({ manifestUrl }: { manifestUrl: string }) => {
   return (
     <span tabIndex={0}>
       <ButtonWithTooltip
+        variant="secondary"
         tooltip={intl.formatMessage(messages.installationCloudOnly)}
         data-test-id="app-install-button"
         disabled