Various code improvements and comments + remove unneeded components

src/App.js

@@ -6,8 +6,6 @@ import { useState, useEffect } from "react"
 import {
   getFirestore,
   collection,
-  query,
-  where,
   getDoc,
   getDocs,
   doc

src/pages/Contact.js

@@ -1,4 +1,4 @@
-// import required component
+// TO DO: Create Contact page with contact form
 
 
 

src/pages/Detail.js

@@ -1,11 +1,11 @@
+// import required modules
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
-import Form from 'react-bootstrap/Form';
 import Container from "react-bootstrap/Container";
 import { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import { ItemImage } from '../components/ItemImage';
-import Button from 'react-bootstrap/Button';
+
 
 export function Detail(props) {
     const [artworkData, setArtworkData] = useState()
@@ -19,6 +19,8 @@ export function Detail(props) {
     }, [id])
 
 
+    // Container to show information and artwork itself
+
     if (artworkData) {
         return (
             <Container>

src/pages/Gallery.js

@@ -31,6 +31,8 @@ export function Gallery(props) {
       )
     })
   
+
+    // Container to show artworks in gallery like format.
     return (
       <Container>
         <Row>