Footnotes <h2 /> is unstyled in docs theme

[llllvvuu]

To reproduce, put this in index.mdx in the docs theme

# Testing

Footnote. [^1]

[^1]: The footnote value.

Will look like this:

Inspected element:

I think the reason this isn't a problem in the blog theme is that there, the subheading styles come from global CSS, but the docs subheadings rely on classnames (why is this? from what I can tell it is always the same):

nextra/packages/nextra-theme-docs/src/mdx-components.tsx

Line 51 in aa69c7f

h2: 'nx-mt-10 nx-border-b nx-pb-1 nx-text-3xl nx-border-neutral-200/70 contrast-more:nx-border-neutral-400 dark:nx-border-primary-100/10 contrast-more:dark:nx-border-neutral-400',

I believe the footnotes component is processed as a different component from <h2 />, so it won't be captured here:

nextra/packages/nextra-theme-docs/src/mdx-components.tsx

Line 191 in aa69c7f

h2: props => <HeadingLink tag="h2" context={context} {...props} />,

I can contribute a PR if let me know which is preferred:

• Style headings in global CSS
• Add footer section to return type of mdx-components.tsx if possible (I don't know off the top of my head if it is exposed by the mdx-js API - EDIT: it is possible but nontrivial). (Might also worth it to style some things in there besides the header - such as shrinking and dimming the text, and adding an <hr />)