Remove "obsolete" extensions group

Obsolete extensions are not grouped at the top of the extension page anymore and instead show an "OBSOLETE" warning text with a the "uninstall" action.

src/features/extension/Extensions.constants.ts

@@ -33,7 +33,7 @@ export const INSTALLED_STATE_TO_TRANSLATION_MAP: { [installedState in InstalledS
     [InstalledState.UNINSTALL]: msg`Uninstall`,
     [InstalledState.INSTALL]: msg`Install`,
     [InstalledState.UPDATE]: msg`Update`,
-    [InstalledState.OBSOLETE]: msg`Obsolete`,
+    [InstalledState.OBSOLETE]: msg`Uninstall`,
     [InstalledState.UPDATING]: msg`Updating`,
     [InstalledState.UNINSTALLING]: msg`Uninstalling`,
     [InstalledState.INSTALLING]: msg`Installing`,

src/features/extension/Extensions.utils.ts

@@ -72,10 +72,6 @@ export function groupExtensionsByLanguage(extensions: TExtension[]): GroupedExte
             return ExtensionGroupState.UPDATE_PENDING;
         }
 
-        if (extension.isObsolete) {
-            return ExtensionGroupState.OBSOLETE;
-        }
-
         return ExtensionGroupState.INSTALLED;
     });
 

src/features/extension/info/components/ActionButton.tsx

@@ -25,10 +25,8 @@ export const ActionButton = ({ pkgName, isInstalled, isObsolete, hasUpdate }: TE
     return (
         <Box sx={{ px: 1, flexGrow: 1, flexBasis: 0 }}>
             <Button
-                sx={{
-                    width: '100%',
-                    color: installedState === InstalledState.OBSOLETE ? 'red' : 'inherit',
-                }}
+                sx={{ width: '100%' }}
+                color={installedState === InstalledState.OBSOLETE ? 'error' : undefined}
                 variant="outlined"
                 size="large"
                 onClick={async () => {