Add language select option to modal

Author: NorbertLoh

frontend/peerprep/app/components/queueupmodal/queuemodal.tsx

@@ -1,5 +1,5 @@
 import { useDisclosure } from "@mantine/hooks";
-import { Modal, Button, MultiSelect, Text, Grid } from "@mantine/core";
+import { Modal, Button, MultiSelect, Text, Grid, Select } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import classes from "./queuemodal.module.css";
 
@@ -61,6 +61,15 @@ export default function QueueModal() {
                 }}
               />
             </Grid.Col>
+            <Grid.Col span={12}>
+              <Select
+                label="Language"
+                placeholder="Pick one"
+                data={["C++", "Python", "Java", "JavaScript"]}
+                searchable
+                {...form.getInputProps("language")}
+              />
+            </Grid.Col>
             <Grid.Col span={12}>
               <Button fullWidth type="submit" mt="md" onClick={close}>
                 Confirm