Fix malformed GitHub link, tweak the markup for the e2e test sake

Author: hasparus

src/code/language-support/python/client/ql.md

@@ -2,7 +2,7 @@
 name: ql
 description: Non intrusive python GraphQL client wrapped around pydantic.
 url: https://dsal3389.github.io/ql/
-github: https://github.com/dsal3389/ql
+github: dsal3389/ql
 ---
 
 GraphQL client library, wrapped around pydantic classes for type validation,

src/components/tools-and-libraries.tsx

@@ -288,11 +288,11 @@ export function CodePage({ allTags, data }: CodePageProps) {
                   "min-w-0", // hack to avoid overflow when opening details
                 )}
               >
-                <div className="flex grow flex-col gap-7 p-4 lg:p-8">
-                  <div className="flex items-center gap-2">
+                <article className="flex grow flex-col gap-7 p-4 lg:p-8">
+                  <header className="flex items-center gap-2">
                     <span className="typography-h3 grow break-all">{name}</span>
                     <PackageLinks data={frontMatter} />
-                  </div>
+                  </header>
                   <div className="flex gap-2">
                     {tags.map(tag => (
                       <NextLink
@@ -330,7 +330,7 @@ export function CodePage({ allTags, data }: CodePageProps) {
                       {license && <span>{license}</span>}
                     </div>
                   )}
-                </div>
+                </article>
 
                 {compiledSource && (
                   <details className="bg-neu-100">