Lobby timer format (#39)

* Fixed formatting issue with ChatHistory time tracker.

* fix themeConfig

---------

Co-authored-by: ShaneBerhoff <57015490+ShaneBerhoff@users.noreply.github.com>

client/src/components/ChatHistory.jsx

@@ -10,13 +10,16 @@ const ChatHistory = ({ messages, userInfo }) => {
             const startTime = new Date(userInfo.createdAt);
             const now = new Date();
             const difference = now - startTime;
-
+        
             const hours = Math.floor(difference / (1000 * 60 * 60));
             const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
             const seconds = Math.floor((difference % (1000 * 60)) / 1000);
-
-            setElapsedTime(`${hours}:${minutes}:${seconds}`);
+
+            const formatWithLeadingZero = (num) => (num < 10 ? '0' + num : num);
+
+            setElapsedTime(`${formatWithLeadingZero(hours)}:${formatWithLeadingZero(minutes)}:${formatWithLeadingZero(seconds)}`);
         };
+
 
         calculateElapsedTime();
         const intervalId = setInterval(calculateElapsedTime, 1000);

client/tailwind.config.js

@@ -1,3 +1,5 @@
+import tailwindcssThemer from 'tailwindcss-themer';
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
@@ -13,7 +15,7 @@ export default {
     },
   },
   plugins: [
-    require('tailwindcss-themer')({
+    tailwindcssThemer({
       themes: [
         {
           name: 'phosphor-P1',