Minor UI adjustments

Author: XeTrinityz

website/src/components/HamburgerMenu.jsx

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 const HamburgerMenu = ({ isOpen, toggleMenu }) => {
   return (
     <>
-      {/* Hamburger Button - Highest z-index */}
+      {/* Hamburger Button*/}
       <label 
         className={`fixed top-6 ${isOpen ? 'left-[276px]' : 'left-6'} w-10 h-8 block cursor-pointer z-[60] transition-all duration-300`}
         onClick={(e) => {
@@ -32,15 +32,15 @@ const HamburgerMenu = ({ isOpen, toggleMenu }) => {
         </div>
       </label>
 
-      {/* Overlay - Lowest z-index */}
+      {/* Overlay*/}
       {isOpen && (
         <div 
           className="fixed inset-0 bg-black/50 z-40"
           onClick={toggleMenu}
         />
       )}
 
-      {/* Menu Panel - Middle z-index */}
+      {/* Menu Panel*/}
       <div 
         className={`fixed top-0 left-0 h-screen w-72 bg-gray-900/95 backdrop-blur-sm transform transition-transform duration-300 ease-in-out z-50 ${
           isOpen ? 'translate-x-0' : '-translate-x-full'

website/src/components/LoadingSpinner.jsx

@@ -3,7 +3,6 @@ import { trefoil } from 'ldrs';
 
 const LoadingSpinner = ({ isLoading }) => {
   useEffect(() => {
-    // Register the custom element
     trefoil.register();
   }, []);
 

website/src/pages/CommunityCreations.jsx

@@ -1,5 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Search, Filter, Download, Star, User } from 'lucide-react';
+import GradientCustomizer from '../components/GradientCustomizer';
+import CustomButtons from '../components/CustomButtons';
 
 const CommunityGallery = () => {
   const [searchTerm, setSearchTerm] = useState('');
@@ -192,6 +194,18 @@ const CommunityGallery = () => {
             </div>
           ))}
         </div>
+        {/* Footer */}
+        <footer className="py-6 sm:py-8 text-center text-gray-400 mt-auto">
+          <p className="text-xs sm:text-sm">© 2025 That Sky Mod. Not affiliated with thatgamecompany.</p>
+        </footer>
+
+        {/* Controls */}
+        <div className="fixed bottom-4 right-4 z-50 flex flex-row-reverse gap-4">
+          <GradientCustomizer />
+          <div className="h-14">
+            <CustomButtons.DiscordButton />
+          </div>
+        </div>
       </div>
     </div>
   );

website/src/pages/FAQ.jsx

@@ -1,5 +1,7 @@
 import React, { useState } from 'react';
 import { ChevronDown } from 'lucide-react';
+import GradientCustomizer from '../components/GradientCustomizer';
+import CustomButtons from '../components/CustomButtons';
 
 const FAQPage = () => {
   const faqs = [
@@ -72,6 +74,18 @@ const FAQPage = () => {
             </div>
           ))}
         </div>
+        {/* Footer */}
+        <footer className="py-6 sm:py-8 text-center text-gray-400 mt-auto">
+          <p className="text-xs sm:text-sm">© 2025 That Sky Mod. Not affiliated with thatgamecompany.</p>
+        </footer>
+
+        {/* Controls */}
+        <div className="fixed bottom-4 right-4 z-50 flex flex-row-reverse gap-4">
+          <GradientCustomizer />
+          <div className="h-14">
+            <CustomButtons.DiscordButton />
+          </div>
+        </div>
       </div>
     </div>
   );

website/src/pages/ModShowcase.jsx

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
 import GradientCustomizer from '../components/GradientCustomizer';
 import CustomButtons from '../components/CustomButtons';
 import InteractiveCard from '../components/InteractiveCard';
-import LoadingSpinner from '../components/LoadingSpinner';
 import playerImage from '../assets/TSM_Player.png';
 import progressionImage from '../assets/TSM_Progression.png';
 import dyesImage from '../assets/TSM_Dyes.png';