fix(footer): Restore footer content in index.html and adjust styles for improved layout

- Reintroduced footer content in index.html to ensure proper display at the bottom of the page.
- Updated styles.css to enhance footer visibility and layout, including adjustments to padding and opacity for better aesthetics.
- Modified body and container styles to accommodate the footer without overlap, ensuring a cleaner user interface.

README.md

@@ -254,6 +254,4 @@ See [Local Development (Recommended Quick Start)](LOCAL_DEVELOPMENT.md) for loca
 Made with ❤️ by [DumbWare.io](https://dumbware.io)
 
 ## Future Features
-- Camera Upload for Mobile
 > Got an idea? [Open an issue](https://github.com/dumbwareio/dumbdrop/issues) or [submit a PR](https://github.com/dumbwareio/dumbdrop/pulls)
-```

public/index.html

@@ -49,9 +49,6 @@
         <div id="uploadProgress"></div> <!-- Original progress bar container -->
         <div id="fileList" class="file-list"></div> <!-- Original file list container -->
         <button id="uploadButton" class="upload-button" style="display: none;">Upload Files</button>
-        <footer>
-            {{FOOTER_CONTENT}}
-        </footer>
     </div>
 
     <script defer>
@@ -444,5 +441,8 @@
             }
         });
     </script>
+    <footer>
+        {{FOOTER_CONTENT}}
+    </footer>
 </body>
 </html>

public/styles.css

@@ -39,7 +39,7 @@ body {
     display: flex;
     justify-content: center;
     padding-top: 2rem;
-    padding-bottom: 80px;
+    padding-bottom: 150px;
     color: var(--text-color);
     transition: background-color 0.3s ease, color 0.3s ease;
 }
@@ -47,7 +47,7 @@ body {
 .container {
     width: 100%;
     max-width: 600px;
-    padding: 20px;
+    padding: 20px 20px 80px 20px;
     text-align: center;
     position: relative;
 }
@@ -364,20 +364,19 @@ button:disabled {
 /* Footer Styles */
 footer {
     position: fixed;
-    bottom: 10px;
+    bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
-    max-width: 600px;
-    margin-left: auto;
-    margin-right: auto;
     padding: 15px;
     text-align: center;
     font-size: 0.85rem;
     color: var(--text-color);
-    opacity: 0.7;
+    opacity: 0.9;
     border-top: 1px solid var(--border-color);
     transition: background-color 0.3s ease, color 0.3s ease;
+    background-color: var(--bg-color);
+    z-index: 100;
 }
 
 footer a {