started a more proper implementation of the player

src/features/player/controls/playState.tsx

@@ -0,0 +1,15 @@
+import { Component, createMemo } from "solid-js";
+import { useVideo } from "../context";
+
+export const PlayState: Component<{}> = (props) => {
+  const video = useVideo();
+
+  const icon = createMemo(() => {
+    return {
+      playing: "⏵",
+      paused: "⏸",
+    }[video.state()];
+  });
+
+  return <button onclick={(e) => video.togglePlayState()}>{icon()}</button>;
+};