Moving some code around to clean things up

client/src/components/screens/GamePanel/GamePanel.jsx

@@ -3,7 +3,7 @@ import { sendGuess } from "../../../domain/GGSHService";
 import Loading from '../../util/Loading';
 import GuessPane from "./GuessPane";
 import PositionedStreetView from "./PositionedStreetView";
-import useRoundInfo from "../../../hooks/useRoundInfo";
+import useRoundInfo from "./useRoundInfo";
 
 const GamePanelContainer = ({ gameId, playerName, onRoundEnd, onGameEnd }) => {
   const [submitDisabled, setSubmitDisabled] = useState(false);

client/src/components/util/ApiInfo.jsx → client/src/components/util/ApiInfo/ApiInfo.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import useApiHealth from "../../hooks/useApiHealth";
+import useApiHealth from "../../../hooks/useApiHealth";
 
 export default () => {
   const data = useApiHealth();

client/src/components/util/ApiInfo/index.js

@@ -0,0 +1 @@
+export { default } from './ApiInfo';

client/src/components/util/ClickToCopy/ClickToCopy.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import useCopying from "../../../hooks/useCopying";
+import useCopying from "./useCopying";
 import CopyingTooltip from "./CopyingTooltip";
 
 export default ({ text }) => {

client/src/components/util/Timer.jsx → client/src/components/util/Timer/Timer.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import ms from "pretty-ms";
-import useCountdown from "../../hooks/useCountdown";
+import useCountdown from "./useCountdown";
 
 export default ({ seconds, onTimeout }) => {
   const remaining = useCountdown(seconds, onTimeout);

client/src/components/util/Timer/index.js

@@ -0,0 +1 @@
+export { default } from './Timer';