clean up imports

components/controls.jsx

@@ -1,12 +1,10 @@
-import React, { useEffect, useState, Fragment } from "react";
-
 export const ENDED = 0;
 export const PLAYING = 1;
 export const PAUSED = 2;
 
 const Controls = ({ playerState, onPause, onPlay, onRestart }) => {
   return (
-    <Fragment>
+    <>
       <div className="player-controls">
         {playerState === PLAYING && (
           <a onClick={onPause} title="Pause">
@@ -37,7 +35,7 @@ const Controls = ({ playerState, onPause, onPlay, onRestart }) => {
           </a>
         )}
       </div>
-    </Fragment>
+    </>
   );
 };