cleanup/formatting + remove WIP 'alert', adjust radio station-tabs padding

src/assets/styles/player.css

@@ -100,7 +100,7 @@ body {
 }
 
 .station-tabs {
-  padding-top: 2%;
+  padding-top: 4%;
 }
 
 /* Music bar and progress */

src/components/AppLayout.jsx

@@ -4,8 +4,6 @@ import { API_URL } from '../config';
 import { Player } from './AudioPlayer.jsx';
 import { JoyUIRootIsland } from './Components.jsx';
 import { PrimeReactProvider } from "primereact/api";
-import Alert from '@mui/joy/Alert';
-import WarningIcon from '@mui/icons-material/Warning';
 import CustomToastContainer from '../components/ToastProvider.jsx';
 import LyricSearch from './LyricSearch.jsx';
 import 'primereact/resources/themes/bootstrap4-light-blue/theme.css';
@@ -23,13 +21,13 @@ export default function Root({child}) {
     newestOnTop={true}
     closeOnClick={true}/>
     <JoyUIRootIsland>
-    <Alert
+    {/* <Alert
         className="alert"
         startDecorator={<WarningIcon />}
         variant="soft"
         color="danger">
           Work in progress... bugs are to be expected.
-        </Alert>
+        </Alert> */}
     {child == "LyricSearch" && (<LyricSearch client:only="react" />)}
     {child == "Player" && (<Player client:only="react"></Player>)}
     </JoyUIRootIsland>

src/components/AudioPlayer.jsx

@@ -224,10 +224,6 @@ const progressColorClass =
     style={{ width: `${progress}%` }}
   ></div>
 </div>
-
-
-
-
             <div className="music-control">
               <div
                 className="music-control__play"