added delete functionality and updated button styles

src/components/UI/Header.tsx

@@ -97,7 +97,7 @@ export default function Header() {
           <img src={Logo} alt="Logo" width={150} height={150} />
         </Link>
       </div>
-      <div className="flex flex-col md:flex-row items-center space-x-24 justify-items-center">
+      <div className="flex flex-col lg:flex-row items-center space-x-24 justify-items-center">
         <div className="flex flex-col leading-tight text-white tabular-nums text-xl text-right mx-auto md:mx-10 space-y-1 my-2">
           <h2>Local: {localStr}</h2>
           <h2>UTC: {utcStr}</h2>
@@ -113,7 +113,7 @@ export default function Header() {
           <div onClick={refreshBrowser}>
             <FontAwesomeIcon icon={faRotate} size="2x" />
           </div>
-
+          <SoundBtn />
           <Link to={"/session-settings"}>
             <FontAwesomeIcon
               className="text-white"
@@ -121,7 +121,7 @@ export default function Header() {
               size="2x"
             />
           </Link>
-          <SoundBtn />
+
           <Link to={"/system-settings"}>
             <FontAwesomeIcon className="text-white" icon={faGear} size="2x" />
           </Link>