feat: add mui and create simple SalaryHappinessTool

package.json

@@ -20,6 +20,9 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.13.5",
     "clsx": "^1.2.1",
     "inquirer-fuzzy-path": "^2.3.0",
     "next": "^13.4.4",

src/components/recruiter-info/SalaryHappinessTool.tsx

@@ -0,0 +1,22 @@
+import { Box, Slider } from '@mui/material';
+import * as React from 'react';
+
+export default function SalaryHappinessTool() {
+  const min = 50;
+  const max = 150;
+  const defaultValue = 65;
+
+  return (
+    <Box width={300}>
+      <h3>Salary Happiness Tool</h3>
+
+      <Slider
+        defaultValue={defaultValue}
+        min={min}
+        max={max}
+        aria-label='Default'
+        valueLabelDisplay='auto'
+      />
+    </Box>
+  );
+}

src/components/recruiter-info/__stories__/SalaryHappinessTool.stories.tsx

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import SalaryHappinessTool from '@/components/recruiter-info/SalaryHappinessTool';
+
+const meta: Meta<typeof SalaryHappinessTool> = {
+  title: 'Components/Recruiter-Info/SalaryHappinessTool',
+  component: SalaryHappinessTool,
+  tags: ['autodocs'],
+};
+
+export default meta;
+
+type Story = StoryObj<typeof SalaryHappinessTool>;
+
+export const Euros: Story = {};