Small syntax/style fixes for CI approval

Author: ashley-arellano

frontend/src/Components/Booking.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import Calendar from "react-calendar";
 import "react-calendar/dist/Calendar.css"; // npm install react-calendar
 import "../Styles/Booking.css";

frontend/src/Components/FAQS.jsx

@@ -4,7 +4,7 @@ export default function FAQS() {
     return (
         <div className="faq-page">
             {/* FAQ Section */}
-            // FAQ Background Section
+            {/* FAQ Background Section */}
             <div className="faq-background">
                 <img src="assets/images/FAQs.webp" alt="FAQs Background" className="faq-bg-image" />
                 <h1 className="faq-title">FAQs:</h1>
@@ -122,15 +122,14 @@ export default function FAQS() {
                             data-bs-parent="#faqAccordion"
                         >
                             <div className="accordion-body">
-                                If you're interested in tutoring, sign up as a tutor and
-                                complete the verification process.
+                                If you&apos;re interested in tutoring, sign up as a tutor and complete the verification process.
                             </div>
                         </div>
                     </div>
                 </div>
                 {/* Didn't find your answer button */}
                 <div className="faq-footer">
-                    <p>Didn't find your answer?</p>
+                    <p>Didn&apos;t find your answer?</p>
                     <a href="/contact" className="faq-button">Click here</a>
                 </div>
             </div>

frontend/src/Components/FindTutor.jsx

@@ -79,7 +79,7 @@ export default function FindTutor() {
                                 Find & Book <span className="text-primary">Appointment</span> with your Favorite <span className="text-primary">Tutors</span>
                             </h2>
                             <p className="mt-4 text-muted">
-                                Our platform connects you with experienced educators who specialize in various subjects. Whether you're looking for academic support, music lessons, or skill-building sessions, we make it easy to find and book a tutor that fits your schedule. Start your learning journey today.
+                                Our platform connects you with experienced educators who specialize in various subjects. Whether you&apos;re looking for academic support, music lessons, or skill-building sessions, we make it easy to find and book a tutor that fits your schedule. Start your learning journey today.
                             </p>
                             {/*<button type="submit" className="btn btn-primary mt-4 d-flex align-items-center">Explore Now</button>*/}
                         </div>

frontend/src/Components/Learn_more.jsx

@@ -53,7 +53,7 @@ export default function Learn_more() {
                     <div className="container">
                         <h2 className="fw-bold">Join LessonConnect Today</h2>
                         <p className="text-muted">
-                            Sign up, explore tutors, and book your first lesson. Whether you're a student
+                            Sign up, explore tutors, and book your first lesson. Whether you&apos;re a student
                             looking to improve or a tutor eager to share knowledge, LessonConnect is the
                             perfect space for growth.
                         </p>

frontend/src/Components/Podomoro.jsx

@@ -1,5 +1,5 @@
-import {NavLink} from "react-router-dom";
-import React, { useState, useEffect, useRef } from "react";
+// import {NavLink} from "react-router-dom"; // Uncomment if you are going use it (Ashley helped by Frank)
+import { useState, useEffect, useRef } from "react";
 import "../Styles/Pomodoro.css"; // 1) Import your dedicated CSS file
 
 export default function Pomodoro() {

frontend/src/Components/SignUp.jsx

@@ -1,11 +1,11 @@
-import { useLocation } from "react-router-dom";
+// import { useLocation } from "react-router-dom";
 import { useState } from "react";
 import "../Styles/SignUp.css"; // Import the CSS file
 
 export default function SignUp() {
-    const location = useLocation();
+    // const location = useLocation(); // Uncomment if you are going use it (Ashley helped by Frank)
     // this will help later for the back end
-    const dob = location.state || {};
+    // const dob = location.state || {};
 
     const [formData, setFormData] = useState({
         country: "",