front: name GameHeader into GameView

webapp/src/components/Game/GameView.css

@@ -1,4 +1,4 @@
-.game-header {
+.game-view {
     margin-bottom: 10px;
     background-color: lightgrey;
     width: 100%;
@@ -7,7 +7,7 @@
     color: black;
 }
 
-.game-header a {
+.game-view a {
     color:darkgrey;
     text-decoration: none;
     transition: .25s ease;
@@ -15,7 +15,7 @@
     margin-right: 5px;
 }
 
-.game-header .active {
+.game-view .active {
     color: white;
     border-radius: 2px;
     background-color: cadetblue;
@@ -24,7 +24,7 @@
     padding-bottom: 8px;
 }
 
-.game-header a:hover:not(.active) {
+.game-view a:hover:not(.active) {
     color: cadetblue; 
     box-shadow: 0 1.5px 0 0 currentColor;
 }

webapp/src/components/Game/GameView.jsx

@@ -1,11 +1,11 @@
-import './GameHeader.css';
+import './GameView.css';
 import React from 'react';
 import { NavLink } from "react-router-dom";
 
-export default function GameHeader() {
+export default function GameView() {
 
   return (
-    <nav className='game-header'>
+    <nav className='game-view'>
       <NavLink to="/game/new">New</NavLink>
       <NavLink to="/game/proposal">Proposal</NavLink>
       <NavLink to="/game/active">Active</NavLink>

webapp/src/components/Game/index.jsx

@@ -1,6 +1,6 @@
 import './index.css';
 import React from 'react';
-import GameHeader from './GameHeader'
+import GameView from './GameView'
 import GameSelector from './GameSelector'
 import GameAction from './GameAction'
 import GameBoard from './GameBoard'
@@ -11,7 +11,7 @@ export default function Game() {
   return (
     <div className="split">
       <div className='split left'>
-        <GameHeader />
+        <GameView />
         <GameSelector />
         <NewGame />
       </div>