feat: add runs table ui message

src/components/run/RunsTable.tsx

@@ -378,6 +378,30 @@ export const RunsTable: React.FC<RunsTableProps> = ({
         />
       </Box>
 
+      {Object.keys(groupedRows).length === 0 ? (
+        <Box
+          display="flex"
+          flexDirection="column"
+          alignItems="center"
+          justifyContent="center"
+          sx={{ 
+            minHeight: 300, 
+            textAlign: 'center',
+            color: 'text.secondary' 
+          }}
+        >
+          <Typography variant="h6" gutterBottom>
+            {searchTerm ? t('runstable.placeholder.search') : t('runstable.placeholder.title')}
+          </Typography>
+          <Typography variant="body2" color="text.secondary">
+            {searchTerm 
+              ? t('recordingtable.search_criteria')
+              : t('runstable.placeholder.body')
+            }
+          </Typography>
+        </Box>
+      ) : (
+        <>
           <TableContainer component={Paper} sx={{ width: '100%', overflow: 'hidden' }}>
             {Object.entries(groupedRows)
               .slice(
@@ -474,6 +498,8 @@ export const RunsTable: React.FC<RunsTableProps> = ({
             onRowsPerPageChange={handleAccordionsPerPageChange}
             rowsPerPageOptions={[10, 25, 50, 100]}
           />
+        </>
+      )}
     </React.Fragment>
   );
 };