Layout updates

src/contexts/frequencyContext.js

@@ -0,0 +1,19 @@
+import React, {useState} from "react"
+
+const FrequencyContext = React.createContext()
+
+function FrequencyContextProvider(props) {
+    
+    const [frequency, setFrequency] = useState(650)
+
+    return (
+        <FrequencyContext.Provider value={{
+            frequency: Number(frequency),
+            setFrequency: setFrequency}
+        }>
+            {props.children}
+        </FrequencyContext.Provider>
+    )
+}
+
+export {FrequencyContextProvider, FrequencyContext}

src/contexts/wpmContext.js

@@ -4,7 +4,7 @@ const WPMContext = React.createContext()
 
 function WPMContextProvider(props) {
     
-    const [wpm, setWPM] = useState(15)
+    const [wpm, setWPM] = useState(10)
 
     return (
         <WPMContext.Provider value={{