feat: add Fab and Fade components with MUI integration

Signed-off-by: amitamrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/base/Fab/Fab.tsx

@@ -0,0 +1,8 @@
+import { Fab as MuiFab, FabProps as MuiFabProps } from '@mui/material';
+import React from 'react';
+
+export const Fab = React.forwardRef<HTMLButtonElement, MuiFabProps>((props, ref) => (
+  <MuiFab {...props} ref={ref} />
+));
+
+export default Fab;

src/base/Fab/index.ts

@@ -0,0 +1 @@
+export { Fab } from './Fab';

src/base/Fade/Fade.tsx

@@ -0,0 +1,8 @@
+import { Fade as MuiFade, FadeProps as MuiFadeProps } from '@mui/material';
+import React from 'react';
+
+export const Fade = React.forwardRef<HTMLDivElement, MuiFadeProps>((props, ref) => {
+  return <MuiFade ref={ref} {...props} />;
+});
+
+export default Fade;

src/base/Fade/index.ts

@@ -0,0 +1 @@
+export { Fade } from './Fade';