Updated the root structure of Client side

Client/src/Components/Dropdown/index.css

@@ -0,0 +1 @@
+/* dropdown styles*/

Client/src/Components/Dropdown/index.jsx

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+
+import Autocomplete from '@mui/material/Autocomplete';
+import TextField from '@mui/material/TextField';
+
+const Dropdown = ({ id, label, options, onChange, value }) => {
+    return (
+        <Autocomplete
+            id={id}
+            options={options}
+            getOptionLabel={(option) => option.name}
+            value={value}
+            onChange={onChange}
+            renderInput={(params) => <TextField {...params} label={label} />}
+        />
+    );
+};
+
+// Define PropTypes for DropDown component
+Dropdown.propTypes = {
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    options: PropTypes.array.isRequired,
+    onChange: PropTypes.func.isRequired,
+    value: PropTypes.object.isRequired,
+};
+
+export default Dropdown;