start scripting frontend

frontend/src/components/FirewallRulesetViewer.tsx

@@ -292,7 +292,7 @@ export default function FirewallTables({ tables, error, refreshRules: refresh }:
         {tablesToRender.length === 0 && (
           <Alert
             type="info"
-            message="No firewall tables found"
+            title="No firewall tables found"
             description="You can create a new table using the button above."
             style={{ marginBottom: 12 }}
           />
@@ -310,7 +310,7 @@ export default function FirewallTables({ tables, error, refreshRules: refresh }:
                 <div style={{ display: 'flex', width: '100%', alignItems: 'center', justifyContent: 'space-between' }}>
                   <div>
                     <Title level={5} style={{ margin: 0 }}>
-                      Table "{table.name}"
+                      Table {table.name}
                     </Title>
                     <Text type="secondary">
                       <b>Family:</b> {table.family ?? 'unknown'} &nbsp; <b>Chains:</b> {table.chains.length} &nbsp;{' '}
@@ -405,6 +405,7 @@ export default function FirewallTables({ tables, error, refreshRules: refresh }:
 
                           <Space>
                             <Button
+                              danger
                               size="small"
                               icon={<DeleteOutlined />}
                               onClick={() => handleDeleteChain(table.family, table.name, chain.name)}