Changes done in ui screens

components/dashboard/operations/energy.tsx

@@ -42,17 +42,35 @@ export default function EnergyPortal() {
       </div>
 
     
-
-      {/* --- TABLES GRID (SIDE-BY-SIDE) --- */}
-      <div className="grid grid-cols-1 xl:grid-cols-2 gap-2 items-start">
+    <div className="grid grid-cols-1 xl:grid-cols-2 gap-6 items-start">
         
-        {/* LEFT TABLE: METER MASTER */}
-        <Table headers={meterHeaders} rows={meterRows}/>
-        {/* Right table */}
-         <Table headers={readingHeaders} rows={readingRows}/>
-      </div>
+        {/* LEFT TABLE: STOCK MASTER */}
+        <div className=" border border-slate-800/80 rounded-lg ">
+          <div className="flex items-center justify-between px-4
+           py-4 border-b border-slate-800/80">
+            <h2 className="text-base font-semibold text-white">Meter Master</h2>
+   
+          </div>
 
+          {/* Corrected column layout and removed horizontal scrollbar to align with the right UI. */}
+       <Table headers={meterHeaders} rows={meterRows}/>
+        </div>
+
+        {/* RIGHT TABLE: CONSUMPTION LEDGER */}
+        <div className=" w-full border
+         border-slate-800/80 rounded-lg overflow-hidden">
+          <div className="flex items-center justify-between px-6 py-4 border-b border-slate-800/80">
+            <h2 className="text-base font-semibold text-white">Latest Readings</h2>
+           
+          </div>
+
+          <Table headers={readingHeaders} rows={readingRows}/>
+        </div>
+
+      </div>
     
     </div>
   );
-}
+}
+  
+