Improve billing settings UI (#22377)

## Summary

- Refresh the settings billing subscription and credits cards with
clearer status, usage, and action states.
- Add the credit-package picker flow and route past-due/cancellation
actions to billing management instead of credit modals.
- Clean up related billing UI helpers and formatting.

## Screens

### regular
<img width="1007" height="781" alt="image"
src="https://github.com/user-attachments/assets/dc9c0c59-8cda-422a-a0d3-56292421a744"
/>

### downgrading
<img width="1049" height="818" alt="image"
src="https://github.com/user-attachments/assets/0dc3dea8-5b55-4cf2-bc92-997cf6e9bebc"
/>
<img width="1048" height="901" alt="image"
src="https://github.com/user-attachments/assets/fba805ad-f523-444b-93a0-2011b6b43443"
/>

### Trialing

without card
<img width="1008" height="903" alt="image"
src="https://github.com/user-attachments/assets/d5dd11b6-4c92-4102-ac22-ad1ad4e9fbfb"
/>

with card
<img width="1008" height="806" alt="image"
src="https://github.com/user-attachments/assets/0dbeb00e-890e-4448-94fe-0cc0ef411e8d"
/>


### Past due & Unpaid

<img width="1052" height="860" alt="Past due"
src="https://github.com/user-attachments/assets/25ba53ef-6e74-4b4c-bfe1-d6c74e165917"
/>
<img width="1138" height="860" alt="Unpaid"
src="https://github.com/user-attachments/assets/bb16fe65-84e4-40a7-8951-90b01030aded"
/>

---------

Co-authored-by: Etienne <45695613+etiennejouan@users.noreply.github.com>

packages/twenty-front/src/modules/error-handler/components/AppPageErrorFallback.tsx

@@ -1,8 +1,6 @@
 import { AppErrorDisplay } from '@/error-handler/components/internal/AppErrorDisplay';
 import { type AppErrorDisplayProps } from '@/error-handler/types/AppErrorDisplayProps';
-import { PageBody } from '@/ui/layout/page/components/PageBody';
-import { PageContainer } from '@/ui/layout/page/components/PageContainer';
-import { PageHeader } from '@/ui/layout/page/components/PageHeader';
+import { PageCardLayout } from '@/ui/layout/page/components/PageCardLayout';
 import { t } from '@lingui/core/macro';
 
 type AppPageErrorFallbackProps = AppErrorDisplayProps;
@@ -13,16 +11,12 @@ export const AppPageErrorFallback = ({
   title = t`Sorry, something went wrong`,
 }: AppPageErrorFallbackProps) => {
   return (
-    <PageContainer>
-      <PageHeader />
-
-      <PageBody>
-        <AppErrorDisplay
-          error={error}
-          resetErrorBoundary={resetErrorBoundary}
-          title={title}
-        />
-      </PageBody>
-    </PageContainer>
+    <PageCardLayout header={null} showInformationBanner={false}>
+      <AppErrorDisplay
+        error={error}
+        resetErrorBoundary={resetErrorBoundary}
+        title={title}
+      />
+    </PageCardLayout>
   );
 };