fix: Cleanup/Formatting

src/pages/study_site_1/StartPage1.jsx

@@ -1,18 +1,15 @@
 import React from "react";
-import { getTranslation } from "../../core/i18n/I18NHandler";
 import WebpageBanner from "../../components/webpage_container/WebpageBanner";
 import {
   StudySite,
   getHeatmapData,
 } from "../../components/webpage_container/StudySite";
-import { pushToMouseLog, getSensorLog } from "../../core/log/SensorLogger";
+import { pushToMouseLog } from "../../core/log/SensorLogger";
 import { Collapse, Text, Spacer } from "@geist-ui/core";
-//import {logo} from "/public/images/budget_bird_logo.png";
 
 function StartPage1({ redirectLoc }) {
   var saveMouseLog = function () {
     pushToMouseLog(getHeatmapData());
-    //window.location.href = "./" + redirectLoc;
   };
 
   // TODO THINK IF I WANT TO JUST USE AN OVERLAY FOR OTHER DUMMY LINKS, WHICH ARENT CORRECT???
@@ -44,9 +41,9 @@ function StartPage1({ redirectLoc }) {
         <Collapse title="Can I make a name change after I have booked?">
           <Text>
             It is not possible to make a retroactive name change for a booking.
-            BudgetBird Airlines shall provide the transport service to the passenger named
-            in the ticket only. The BudgetBird Service Team will be happy to
-            help you if you require further information.
+            BudgetBird Airlines shall provide the transport service to the
+            passenger named in the ticket only. The BudgetBird Service Team will
+            be happy to help you if you require further information.
           </Text>
         </Collapse>
         <Collapse title="What are the upper weight limits for free baggage?">

src/pages/study_site_2/tab_content/HotelLocation.jsx

@@ -1,4 +1,4 @@
-import { Text, Image } from "@geist-ui/core";
+import { Text } from "@geist-ui/core";
 import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet";
 
 function HotelLocation() {

src/pages/study_site_2/tab_content/HotelRatings.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Card, Text, Grid, Avatar, Divider } from "@geist-ui/core";
+import { Card, Text, Grid, Avatar } from "@geist-ui/core";
 import { Star } from "@geist-ui/icons";
 
 const RatingCard = ({ name, avatar, rating, review }) => {
@@ -16,7 +16,7 @@ const RatingCard = ({ name, avatar, rating, review }) => {
           <Avatar src={avatar} width="50px" height="50px" />
         </Grid>
         <Grid style={{ textAlign: "center" }}>
-          <Text h4>{name}</Text>
+          <h4>{name}</h4>
           <div
             style={{
               display: "flex",

src/pages/study_site_6/StartPage6.jsx

@@ -1,11 +1,10 @@
 import React, { useState } from "react";
-import { getTranslation } from "../../core/i18n/I18NHandler";
 import WebpageBanner from "../../components/webpage_container/WebpageBanner";
 import {
   StudySite,
   getHeatmapData,
 } from "../../components/webpage_container/StudySite";
-import { pushToMouseLog, getSensorLog } from "../../core/log/SensorLogger";
+import { pushToMouseLog } from "../../core/log/SensorLogger";
 import { Collapse, Text, Spacer } from "@geist-ui/core";
 import PopupModal from "../../components/PopupModal";