basic loading of user's studies

src/components/LichessButton.tsx

@@ -1,8 +1,8 @@
 import { useLichessUser } from "#/context/LichessUserContext.tsx";
-import { useLichessOAuth } from "#/hooks/useLichessOAuth.ts";
+import { useLichess } from "#/hooks/useLichess.ts";
 
 const LichessButton = () => {
-	const { lichessLogin, lichessLogout } = useLichessOAuth();
+	const { lichessLogin, lichessLogout } = useLichess();
 	const { user } = useLichessUser();
 
 	const onClickHandler = () => {

src/components/LichessStudyUrlInput.tsx

@@ -0,0 +1,5 @@
+const LichessStudyUrlInput = () => {
+	return <input placeholder="Lichess Study URL" className="" />;
+};
+
+export default LichessStudyUrlInput;

src/components/SelectLichessStudy.tsx

@@ -0,0 +1,21 @@
+import { useLichess } from "#/hooks/useLichess.ts";
+
+const SelectLichessStudy = () => {
+	const { getLichessUserStudies } = useLichess();
+
+	const onClickHandler = async () => {
+		await getLichessUserStudies();
+	};
+
+	return (
+		<button
+			type="button"
+			className="btn btn-secondary"
+			onClick={onClickHandler}
+		>
+			Select Lichess Study
+		</button>
+	);
+};
+
+export default SelectLichessStudy;