Fixed search presentation, no more swappable views for performance and dot pagination

frontend/src/components/search/UnivList.js

@@ -9,7 +9,6 @@ import Divider from "@material-ui/core/Divider";
 import Button from "@material-ui/core/Button";
 import KeyboardArrowLeft from "@material-ui/icons/KeyboardArrowLeft";
 import KeyboardArrowRight from "@material-ui/icons/KeyboardArrowRight";
-import SwipeableViews from "react-swipeable-views";
 import range from "../../utils/range";
 import {APP_ROUTES} from "../../config/appRoutes";
 import isEqual from "lodash/isEqual";
@@ -69,35 +68,24 @@ class UnivList extends React.Component {
 
     return (
       <div className={classes.root}>
-        <SwipeableViews
-          axis={theme.direction === "rtl" ? "x-reverse" : "x"}
-          index={this.state.activeStep}
-          onChangeIndex={(step) => this.handleStepChange(step)}
-          enableMouseEvents
-        >
-
-          {range(maxSteps).map(page => (
-            <div key={page}>
-              <List component="nav">
-                <Divider/>
-                {getIndexesOnPage(page).map(
-                  univIdx => (
-                    <CustomNavLink to={APP_ROUTES.forUniversity(universitiesToList[univIdx].id)} key={univIdx}>
-                      <ListItem button divider={true} key={univIdx}>
-                        <ListItemText primary={universitiesToList[univIdx].name}/>
-                      </ListItem>
-                    </CustomNavLink>
-                  )
-                )}
-              </List>
-            </div>
-          ))}
-        </SwipeableViews>
 
+        <List component="nav">
+          <Divider/>
+          {getIndexesOnPage(activeStep).map(
+            univIdx => (
+              <CustomNavLink to={APP_ROUTES.forUniversity(universitiesToList[univIdx].id)} key={univIdx}>
+                <ListItem button divider={true} key={univIdx}>
+                  <ListItemText primary={universitiesToList[univIdx].name}/>
+                </ListItem>
+              </CustomNavLink>
+            )
+          )}
+        </List>
 
         <MobileStepper
           steps={maxSteps}
           position="static"
+          variant={"progress"}
           activeStep={activeStep}
           className={classes.mobileStepper}
           nextButton={