Tiny aesthetic changes

Author: Anidion

frontend/src/pages/RecruiterApplicants.jsx

@@ -269,7 +269,6 @@ const RecruiterApplicantsPage = () => {
             <Table>
               <UserListHead
                 order="asc"
-                orderBy="name"
                 headLabel={[
                   { id: "name", label: "Name", alignRight: false },
                   { id: "role", label: "Role", alignRight: false },

frontend/src/pages/RecruiterHome.jsx

@@ -129,7 +129,7 @@ function RecruiterHome() {
         <Box sx={{ flexGrow: 1, marginTop: "20px" }}>
           <Grid container spacing={2}>
             {jobs.map((job) => (
-              <Grid item xs={12} md={6} key={job.id}>
+              <Grid item xs={12} md={12} key={job.id}>
                 <Card className="jobContainer">
                   <CardContent className="CardContent">
                     <Typography
@@ -212,9 +212,6 @@ function RecruiterHome() {
       )}
       <RecruiterApplicantsPage jobId={selectedJobId} />
 
-      <br />
-      <br />
-
       {showCreateJobModal && (
         <CreateJobModal
           open={showCreateJobModal}