Fix/typings improvements (#183)

* Add typings

* Fix possible nulls

* Add LoginGridProps type

* Fix possible null

* remove breaklines

* Add export

* Add import

components/Header.tsx

@@ -1,7 +1,14 @@
 "use client";
 import Image from "next/image";
-import HeaderSignOut from "./HeaderSignOut";
-export default function Header({ userEmail, userToken }) {
+import { useSession, signOut } from "next-auth/react";
+import { useEffect, useState } from "react";
+export default function Header() {
+  const [userEmail, setUserEmail] = useState<string | null | undefined>(null);
+  const { data } = useSession();
+
+  useEffect(() => {
+    setUserEmail(data?.user?.email);
+  }, [data]);
   return (
     <div className="Header d-flex flex-items-center flex-justify-between">
       <a href="/" className="Header-link">
@@ -41,7 +48,7 @@ export default function Header({ userEmail, userToken }) {
                   className="dropdown-item"
                   href={`vscode://watermelontools.watermelon-tools?email=${
                     userEmail ?? ""
-                  }&token=${userToken ? userToken : ""}`}
+                  }&token=${data?.user?.name ? data.user.name : ""}`}
                 >
                   VSCode Extension
                 </a>

pages/api/actions/github.ts

@@ -11,6 +11,7 @@ import githubMarkdown from "../../../utils/actions/markdownHelpers/github";
 import jiraMarkdown from "../../../utils/actions/markdownHelpers/jira";
 import slackMarkdown from "../../../utils/actions/markdownHelpers/slack";
 import notionMarkdown from "../../../utils/actions/markdownHelpers/notion";
+import countMarkdown from "../../../utils/actions/markdownHelpers/count";
 
 const app = new App({
   appId: process.env.GITHUB_APP_ID,