refactor(ocp): resizbale with scrollling added makes more easy to review if table overflows

frontend/src/utils/tableData/production/labels/labelData.tsx

@@ -25,6 +25,7 @@ import {
     SelectValue,
 } from "@/components/ui/select";
 import { ScrollArea } from "@/components/ui/scroll-area";
+import { LstCard } from "@/components/extendedUI/LstCard";
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -55,7 +56,7 @@ export function LabelTable<TData, TValue>({
 
     //console.log(parseInt(style.height.replace("px", "")) - 50);
     return (
-        <div>
+        <LstCard>
             <div>
                 <div className="flex flex-row justify-between">
                     {data.length === 0 ? (
@@ -169,6 +170,6 @@ export function LabelTable<TData, TValue>({
                     Next
                 </Button>
             </div>
-        </div>
+        </LstCard>
     );
 }