Add dns record instruction page

[Myrfion]

• add dns record instruction page content
• add component for faq section item

I think that this one has a good potential for expansion, such as adding more faq sections and more instructions

closes #443

[Ririio]

I was wondering couldn't you use Tabs here to make the page look more organized?

[Myrfion]

I was wondering couldn't you use Tabs here to make the page look more organized?

@Ririio love this idea, did you implement it in your environment on my branch? If so feel free to push

[Ririio]

I was wondering couldn't you use Tabs here to make the page look more organized?

@Ririio love this idea, did you implement it in your environment on my branch? If so feel free to push

Oh I don't think it's a good idea for me to mess around with your branch, it's simple to implement actually, just follow the example here

[humphd]

I like @Ririio's UI with tabs, that's a good idea. It mimics what we're doing in certificates too.

[humphd]

Nice improvements. A few small things.

[Eakam1007]

I think it would be nice to make the question text pop out more compared to the answer text:

Maybe increase the font size or something else

[humphd]

Looks like this needs a rebase too to get the changes to the main DNS Records page.

[humphd]

There some weird alignment issues with your numbered list:

[Myrfion]

There some weird alignment issues with your numbered list:

resolved this one

[Myrfion]

[Ririio]

I would add a much bigger space between each list number, because stacking them all close to each other makes it harder to read

[humphd]

R+ from me with the eslint fix.

[Ririio]

I'm not sure if it's necessary, but for FAQ, I think user might ask what the difference is between a "dns-record" and "domain"

[humphd]

@Myrfion please rebase and squash this properly, don't merge main.

[Myrfion]

@Myrfion please rebase and squash this properly, don't merge main.

Sorry I merged in main, before your message 😕