tweaked sizing and added refresh btn

src/components/UI/Header.tsx

@@ -6,6 +6,7 @@ import {
   faListCheck,
   faMaximize,
   faMinimize,
+  faRotate,
 } from "@fortawesome/free-solid-svg-icons";
 import type { VersionFieldType } from "../../types/types";
 import { useEffect, useState } from "react";
@@ -54,6 +55,10 @@ export default function Header() {
     }
   };
 
+  const refreshBrowser = () => {
+    window.location.reload();
+  };
+
   useEffect(() => {
     const ac = new AbortController();
     fetchVersions(ac.signal)
@@ -94,7 +99,7 @@ export default function Header() {
       </div>
       {/* Right: Texts stacked + icons */}
       <div className="flex items-center space-x-24">
-        <div className="flex flex-col leading-tight text-white text-sm tabular-nums">
+        <div className="flex flex-col leading-tight text-white  tabular-nums text-xl">
           <h2>Local: {localStr}</h2>
           <h2>UTC: {utcStr}</h2>
         </div>
@@ -105,8 +110,11 @@ export default function Header() {
             ) : (
               <FontAwesomeIcon icon={faMaximize} size="2x" />
             )}
-            {/* <small>{isFullscreen ? "Shrink" : "enlarge"}</small> */}
           </div>
+          <div onClick={refreshBrowser}>
+            <FontAwesomeIcon icon={faRotate} size="2x" />
+          </div>
+
           <Link to={"/session-settings"}>
             <FontAwesomeIcon
               className="text-white"