defaultProps Deprecated in React 18 - Use Destructured Default Parameters Instead

Move the default directly into the destructuring, as in function Badge({ label, color = 'gray' }), since React 18 deprecated Component.defaultProps for function components and destructured defaults are natively understood by TypeScript

Wrap the component in React.memo, which automatically supplies defaultProps-equivalent behavior in React 18

defaultProps is not deprecated for function components, only for class components, so no change is needed here

Replace defaultProps with a useDefaultProps hook introduced in React 18 specifically for this migration