Merge remote-tracking branch 'origin' into feat/consumption

Author: matbmoser

ichub-frontend/src/assets/styles/components/_Dialog.scss

@@ -58,8 +58,10 @@
         }
         .MuiInputLabel-shrink{
             font-weight: bold;
+            font-size: 18px;
             color: $brand-text!important;
-            background: $brand-dark!important;
+            background: $brand-dark-gray!important;
+            border-radius: 5px;
             padding: 0 10px;
         }
     }
@@ -89,4 +91,13 @@
             color: $brand-text !important;
         }
     }
+    .add-material-button{
+        background-color: $brand-header-blue!important;
+        color: white !important;
+    
+        &:hover {
+            background: $header-gradient-bg!important;
+            border: 2px solid $brand-text!important;
+        }
+    }
 }

ichub-frontend/src/assets/styles/layout/_MainLayout.scss

@@ -68,7 +68,7 @@
 .contentArea {
   padding: 0; // Remove default padding as components handle their own
   height: calc(100vh - 68.8px); /* Fixed height minus header */
-  overflow: hidden; // Prevent content area from scrolling - let components handle it
+  overflow: auto;
   display: flex;
   flex-direction: column;
 }

ichub-frontend/src/features/catalog-management/api.ts

@@ -60,7 +60,7 @@ export const shareCatalogPart = async (
     manufacturerId,
     manufacturerPartId,
     businessPartnerNumber,
-    customerPartId: customerPartId && customerPartId.trim() ? customerPartId.trim() : undefined,
+    customerPartId: customerPartId?.trim() || undefined
   };
 
   const response = await axios.post<ApiPartData>(

ichub-frontend/src/features/catalog-management/components/product-detail/InstanceProductsTable.tsx

@@ -233,7 +233,7 @@ function InstanceProductsTableToolbar(props: Readonly<InstanceProductsTableToolb
     </Toolbar>
   );
 }
-export default function InstanceProductsTable({ part }: { part: PartType | null }) {
+export default function InstanceProductsTable({ part }: { readonly part: PartType | null }) {
   const [order, setOrder] = useState<Order>('asc');
   const [orderBy, setOrderBy] = useState<keyof SerializedPart>('customerPartId');
   const [selected, setSelected] = useState<readonly number[]>([]);
@@ -248,7 +248,7 @@ export default function InstanceProductsTable({ part }: { part: PartType | null
     }
     const loadData = async () => {
       try {
-        const data = await fetchSerializedParts(part.manufacturerId!, part.manufacturerPartId!);
+        const data = await fetchSerializedParts(part.manufacturerId, part.manufacturerPartId);
         const rowsWithId = data.map((row, index) => ({
           ...row,
           id: index,