add/fix: frontend and backend improves

frontend/src/components/Firewall/ActionTypeSelector.tsx

@@ -18,6 +18,7 @@ export const ActionTypeSelector = (props:Omit<SegmentedControlProps, "data">) =>
                 label: 'Drop',
             }
         ]}
+        size={props.size?props.size:"xs"}
         {...props}
     />
 )

frontend/src/components/Firewall/ModeSelector.tsx

@@ -8,13 +8,14 @@ export const ModeSelector = (props:Omit<SegmentedControlProps, "data">) => (
         data={[
             {
                 value: RuleMode.IN,
-                label: 'IN',
+                label: 'Inbound',
             },
             {
                 value: RuleMode.OUT,
-                label: 'OUT',
+                label: 'Outbound',
             }
         ]}
+        size={props.size?props.size:"xs"}
         {...props}
     />
 )

frontend/src/components/Firewall/ProtocolSelector.tsx

@@ -18,6 +18,7 @@ export const ProtocolSelector = (props:Omit<SegmentedControlProps, "data">) => (
                 label: 'ANY',
             }
         ]}
+        size={props.size?props.size:"xs"}
         {...props}
     />
 )