Fix br tag, use hairline colour for border, remove unused classes

Author: KianNH

src/components/overrides/TableOfContents.astro

@@ -7,7 +7,7 @@ import FeedbackPrompt from "../FeedbackPrompt.tsx";
 ---
 
 <Default {...Astro.props} />
-</br>
+<br />
 <FeedbackPrompt client:idle />
 {
 	!Astro.url.pathname.startsWith("/support/") && (
@@ -17,15 +17,15 @@ import FeedbackPrompt from "../FeedbackPrompt.tsx";
 				{Astro.props.editUrl && (
 					<a
 						href={Astro.props.editUrl}
-						class="inline-flex h-8 items-center justify-center gap-2 rounded border border-gray-300 bg-white px-3 text-s font-small text-black hover:bg-gray-50"
+						class="inline-flex h-8 items-center justify-center gap-2 rounded border border-[--sl-color-hairline] px-3 text-black"
 					>
 						<Icon name="pencil" />
 						Edit
 					</a>
 				)}
 				<a
 					href="https://github.com/cloudflare/cloudflare-docs/issues/new/choose"
-					class="inline-flex h-8 items-center justify-center gap-2 rounded border border-gray-300 bg-white px-3 text-s font-small text-black hover:bg-gray-50"
+					class="inline-flex h-8 items-center justify-center gap-2 rounded border border-[--sl-color-hairline] px-3 text-black"
 				>
 					<Icon name="github" />
 					Issue