renamed Player pages and components to Streams

src/frontend/src/components/Header/DesktopHeader.jsx

@@ -58,8 +58,10 @@ export default function DesktopHeader() {
             </Link>
           </Button>
           <Button color="inherit" size="medium" className={classes.button}>
-            <Link to="/player" className={classes.links}>
-              Player
+            <Link to="/streams" className={classes.links}>
+              <Badge badgeContent={'BETA'} color="error">
+                Streams
+              </Badge>
             </Link>
           </Button>
           <Button color="inherit" size="medium" className={classes.button}>

src/frontend/src/components/Header/MobileHeader.jsx

@@ -100,9 +100,9 @@ export default function MobileHeader() {
           HOME
         </ListItem>
         <Divider className={classes.line} />
-        <ListItem button component={Link} to="/player" className={classes.item}>
+        <ListItem button component={Link} to="/streams" className={classes.item}>
           <Badge badgeContent={'BETA'} color="error">
-            PLAYER
+            STREAMS
           </Badge>
         </ListItem>
         <Divider className={classes.line} />

src/frontend/src/components/PlayerPage/PlayerPage.jsx → src/frontend/src/components/StreamsPage/StreamsPage.jsx

@@ -25,7 +25,7 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
-export default function PlayerPage() {
+export default function StreamsPage() {
   const classes = useStyles();
 
   return (

src/frontend/src/components/StreamsPage/index.js

@@ -0,0 +1,3 @@
+import StreamsPage from './StreamsPage.jsx';
+
+export default StreamsPage;

src/frontend/src/pages/streams.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import PageBase from './PageBase';
+import StreamsPage from '../components/StreamsPage';
+
+export default function Streams() {
+  return (
+    <PageBase title="Streams">
+      <StreamsPage />
+    </PageBase>
+  );
+}