Refactor GRN configuration page layout

distribution_fe/app/(dashboard)/configuration/page.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { ProductCapabilitiesCard } from './_components/product-capabilities-card'
+import { GrnTaxCard } from './_components/grn-tax-card'
 
 export default function ConfigurationPage() {
   return (
@@ -10,7 +11,15 @@ export default function ConfigurationPage() {
         <p className="text-sm text-muted-foreground mt-0.5">System-wide settings, grouped by area</p>
       </div>
 
-      <ProductCapabilitiesCard />
+      {/* 12-column grid: each card takes 6 columns so the two sit side by side; they stack on narrow screens. */}
+      <div className="grid grid-cols-12 items-stretch gap-6">
+        <div className="col-span-12 flex lg:col-span-6 [&>*]:w-full">
+          <ProductCapabilitiesCard />
+        </div>
+        <div className="col-span-12 flex lg:col-span-6 [&>*]:w-full">
+          <GrnTaxCard />
+        </div>
+      </div>
     </div>
   )
 }