feat(ui): move to React 18 and base for using shadcn/ui (#4174)

Co-authored-by: IbrahimCSAE <ibrahim.mdev@gmail.com>

platform/ui/src/components/Notification/Notification.tsx

@@ -5,7 +5,15 @@ import PropTypes from 'prop-types';
 import Button, { ButtonEnums } from '../Button';
 import Icon from '../Icon';
 
-const Notification = ({ id, type, message, actions, onSubmit, onOutsideClick, onKeyPress }) => {
+const Notification = ({
+  id,
+  type = 'info',
+  message,
+  actions,
+  onSubmit,
+  onOutsideClick = () => {},
+  onKeyPress,
+}) => {
   const notificationRef = useRef(null);
 
   useEffect(() => {
@@ -99,11 +107,6 @@ const Notification = ({ id, type, message, actions, onSubmit, onOutsideClick, on
   );
 };
 
-Notification.defaultProps = {
-  type: 'info',
-  onOutsideClick: () => {},
-};
-
 Notification.propTypes = {
   type: PropTypes.oneOf(['error', 'warning', 'info', 'success']),
   message: PropTypes.string.isRequired,