Link section padding [Fixes #71] (#106)

* rename to LinksList

* add padding after sections in LinksList

* reduce padding between sections to 1.5rem

src/components/UI/docs/LinksList.tsx

@@ -18,7 +18,7 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
         const split = to?.split('/')
         const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1];
         return to ? (
-          <Stack key={id} _hover={{ background: 'primary', color: 'bg' }} data-group>
+          <Stack key={id} pb={items ? 6 : 0} _hover={{ background: 'primary', color: 'bg' }} data-group>
             <NextLink href={to} passHref key={id}>
               <Link textDecoration='none !important'>
                 <Text
@@ -44,7 +44,7 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
             {items && <LinksList links={items} />}
           </Stack>
         ) : (
-          <Stack key={id}>
+          <Stack key={id} pb={6}>
             <Text textStyle='docs-nav-links' color={items ? 'primary' : 'body'}>
               {id}
             </Text>

src/components/UI/docs/index.ts

@@ -3,6 +3,6 @@ export * from './Code';
 export * from './DocsLinks';
 export * from './DocsNav';
 export * from './DocumentNav';
-export * from './LinkList';
+export * from './LinksList';
 export * from './Note';
 export { default } from './MDComponents';