File cleanup and add new pictures

Author: Myhr86

Diff for: package-lock.json

@@ -15,12 +15,17 @@
     "axios": "^0.21.4",
     "babel-plugin-macros": "^3.1.0",
     "bootstrap": "^5.1.3",
+    "dayjs": "^1.10.7",
     "node-sass": "^6.0.1",
+    "nuka-carousel": "^4.8.4",
     "react": "^17.0.2",
     "react-bootstrap": "^2.0.0-rc.0",
+    "react-calendar": "^3.5.0",
     "react-card-flip": "^1.1.3",
     "react-dom": "^17.0.2",
     "react-hook-form": "^6.15.4",
+    "react-icons": "^4.3.1",
+    "react-native-counters": "^1.2.0",
     "react-router-dom": "^5.3.0",
     "react-scripts": "4.0.3",
     "web-vitals": "^1.1.2",

Diff for: package.json

@@ -59,6 +59,7 @@ function App() {
       </Router>
     </AuthProvider>
   );
+
 }
 
 export default App;

Diff for: src/App.js

@@ -71,7 +71,7 @@ div.row form {
 }
 
 #loginForm {
-  margin-left: 5%;
+  margin-left: 7.5%;
   height: auto;
 }
 
@@ -184,6 +184,27 @@ p.contactInfo__p:first-of-type {
   cursor: pointer;
 }
 
+.daysContainer {
+  display: inline-block;
+  width: 100%;
+  display: flex;
+  height: 25px;
+}
+
+#days.form-control {
+  width: 10%;
+  text-align: center;
+}
+
+.daysContainer button:first-of-type {
+  margin-left: 3%;
+}
+
+.daysContainer button {
+  border: none;
+  background: $orange;
+}
+
 hr.contactInfo__hr {
   background-color: $orange;
   width: 40%;