Fix: design and few function

src/app/(main)/accounts/page.tsx

@@ -106,7 +106,7 @@ export default function AccountSummary() {
       <ScrollArea>
         <Table style={{ borderCollapse: "collapse", width: "100%" }}>
           <thead>
-            <tr style={{ backgroundColor: "#3385ff" }}>
+            <tr style={{  background: "linear-gradient(56deg, rgba(24,140,186,1) 0%, rgba(62,230,132,1) 86%)", }}>
               <th style={{ ...cellStyle, textAlign: "left" }}>Account Type</th>
               <th style={{ ...cellStyle, textAlign: "right" }}>Account No.</th>
               {title.includes("Deposit Accounts (INR)") ?
@@ -124,7 +124,7 @@ export default function AccountSummary() {
   if (!authorized) return null;
 
   return (
-    <Paper shadow="sm" radius="md" p="md" withBorder h={400}>
+    <Paper shadow="sm" radius="md" p="md" withBorder h={500}>
       <Title
         order={isMobile ? 4 : 3}
         mb="md"
@@ -133,7 +133,7 @@ export default function AccountSummary() {
         Account Summary
       </Title>
 
-      {/* ✅ Responsive layout: Group for desktop, Stack for mobile */}
+      {/* Responsive layout: Group for desktop, Stack for mobile */}
       {isMobile ? (
         <Stack gap="md">
           {depositAccounts.length > 0 &&