feat: archived tooltip alignment (#8820)

From


![image](https://github.com/user-attachments/assets/168cd7ef-6976-47a3-9d2b-e12e45161039)


To


![image](https://github.com/user-attachments/assets/2c2c9593-7079-40b7-ab32-0f9d21c0f9e2)

---------

Co-authored-by: Thomas Heartman <thomas@getunleash.io>

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureLifecycle/FeatureLifecycleTooltip.tsx

@@ -243,6 +243,14 @@ const PreLiveStageDescription: FC<{ children?: React.ReactNode }> = ({
     );
 };
 
+const ArchivedStageDescription = () => {
+    return (
+        <InfoText>
+            Your feature has been archived, it is now safe to delete it.
+        </InfoText>
+    );
+};
+
 const BoldTitle = styled(Typography)(({ theme }) => ({
     marginTop: theme.spacing(1),
     marginBottom: theme.spacing(1),
@@ -513,6 +521,7 @@ export const FeatureLifecycleTooltip: FC<{
                             <Environments environments={stage.environments} />
                         </CompletedStageDescription>
                     )}
+                    {stage.name === 'archived' && <ArchivedStageDescription />}
                 </ColorFill>
             </Box>
         }