Fix argument ordering in Container definitions

Reorder arguments to follow consistent pattern:
- title
- layout
- components
- controls
- variant (always last)

Fixes all pages: overview, regions, customers, products

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

app.py

@@ -96,6 +96,7 @@ overview_page = vm.Page(
         vm.Container(
             id="kpi-cards",
             title="💡 Click on a KPI card to update the charts below.",
+            layout=vm.Grid(grid=[[0, 1, 2, 3]]),
             components=[
                 create_kpi_card_figure(sales_kpi_df, "Sales", "bar_chart"),
                 create_kpi_card_figure(profit_kpi_df, "Profit", "money_bag"),
@@ -104,7 +105,6 @@ overview_page = vm.Page(
                     customer_kpi_df, "Customers", "group", metric_value="Customer ID", is_currency=False
                 )
             ],
-            layout=vm.Grid(grid=[[0, 1, 2, 3]])
         ),
         create_chart_container_with_nav(
             id="line_month",
@@ -166,6 +166,12 @@ regions_page = vm.Page(
                     variant="filled"
                 ),
                 vm.Container(
+                    components=[
+                        vm.Graph(
+                            id="pg2-chart-1",
+                            figure=bar_chart_top_n(superstore_df, x="Sales", y="City")
+                        )
+                    ],
                     controls=[
                         vm.Parameter(
                             targets=["pg2-chart-1.top_n"],
@@ -179,12 +185,6 @@ regions_page = vm.Page(
                             targets=["pg2-chart-1.y"],
                         )
                     ],
-                    components=[
-                        vm.Graph(
-                            id="pg2-chart-1",
-                            figure=bar_chart_top_n(superstore_df, x="Sales", y="City")
-                        )
-                    ],
                     variant="filled",
                 )
             ],
@@ -222,11 +222,6 @@ customers_page = vm.Page(
     components=[
         vm.Container(
             layout=vm.Grid(grid=[[0, 1]]),
-            controls=[
-                vm.Filter(column="Region", selector=vm.Checklist(title="Choose region")),
-                vm.Filter(column="Segment", selector=vm.Checklist(title="Choose segment")),
-                vm.Filter(column="Category", selector=vm.Checklist(title="Choose category"))
-            ],
             components=[
                 vm.AgGrid(
                     id="table-2",
@@ -239,6 +234,11 @@ customers_page = vm.Page(
                 ),
                 vm.Graph(id="pg3_pareto_chart", figure=pareto_customers_chart(superstore_df, highlight_customer=None))
             ],
+            controls=[
+                vm.Filter(column="Region", selector=vm.Checklist(title="Choose region")),
+                vm.Filter(column="Segment", selector=vm.Checklist(title="Choose segment")),
+                vm.Filter(column="Category", selector=vm.Checklist(title="Choose category"))
+            ],
         )
     ],
     controls=[
@@ -256,6 +256,13 @@ products_page = vm.Page(
     title="Products",
     components=[
         vm.Container(
+            layout=vm.Grid(
+                grid=[
+                    [0, 0, 2, 2],
+                    [1, 1, 2, 2],
+                    [1, 1, 2, 2]
+                ]
+            ),
             components=[
                 vm.Container(
                     components=[
@@ -292,14 +299,7 @@ products_page = vm.Page(
                     ],
                     variant="filled",
                 )
-            ],
-            layout=vm.Grid(
-                grid=[
-                    [0, 0, 2, 2],
-                    [1, 1, 2, 2],
-                    [1, 1, 2, 2]
-                ]
-            )
+            ]
         )
     ],
     controls=[