fix(payments): sub management breadcrumb alignment

Because:

* The firefox breadcrumb menu should be left aligned instead of center.

This commit:

* Left aligns the breadcrumb to match the design and other pages.

Closes #13557

packages/fxa-payments-server/src/components/AppLayout/index.tsx

@@ -53,7 +53,7 @@ export const SettingsLayout = ({ children }: { children: ReactNode }) => {
   const { config } = useContext(AppContext);
   const homeURL = `${config.servers.content.url}/settings`;
   let breadcrumbs = (
-    <nav aria-label="breadcrumbs" data-testid="breadcrumbs">
+    <nav aria-label="breadcrumbs" data-testid="breadcrumbs" className="w-full">
       <ol className="breadcrumbs">
         <li>
           <Localized id="settings-home">