chore(readme + rename): renamed VideoPlayer to AudioPlayer and added …

…some additional points in README goals.

README.md

@@ -54,13 +54,19 @@
 
 * [ ] Track how long the user has logged in for 
 * [ ] Track how many consecutive days (streak) the user has been logged in for
+* Queries the different days and checks if they are back to back.
 * [ ] Create a rank system for these data points (bronze, silver, etc.)
+* Lose points for not accomplishing certain milestones
 * [ ] Have medals/achievements for reaching certain points
 
 ### Settings/Preferences: 
 
 * [ ] Open settings: (Enable/Disable leaving tab when timer is on) 
 
+### Studying Habits (WIP):
+
+* [ ] Try to promote healthy studying habits.
+
 ## Getting Started
 
 This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

components/VideoPlayer.tsx → components/AudioPlayer.tsx

@@ -15,7 +15,7 @@ import {
 import ReactPlayer from "react-player";
 import { Slider } from "./ui/slider";
 
-const VideoPlayer = (): JSX.Element => {
+const AudioPlayer = (): JSX.Element => {
   const [pauseMusic, setPauseMusic] = useState<boolean>(true);
   const [videos, setVideos] = useState<string[][]>([
     ["https://www.youtube.com/watch?v=kavLNr-PyoY"],
@@ -106,4 +106,4 @@ const VideoPlayer = (): JSX.Element => {
   );
 };
 
-export default VideoPlayer;
+export default AudioPlayer;

components/BottomNavbar.tsx

@@ -1,7 +1,7 @@
 import { Button } from "./ui/button";
 import { Notebook, Search, SettingsIcon } from "lucide-react";
 import { Card } from "./ui/card";
-import VideoPlayer from "./VideoPlayer";
+import AudioPlayer from "./AudioPlayer";
 
 interface Props {
   textareaState: boolean;
@@ -32,7 +32,7 @@ const BottomNavbar = ({
         </Button>
       </Card>
       {/* FIXME: Error: Hydration failed because the initial UI does not match what was rendered on the server. */}
-      <VideoPlayer />
+      <AudioPlayer />
     </nav>
   );
 };