refactor(components): rewrite Button and ButtonLink components

Both:
* move styles to Sass placeholders

Button:
* add `isPressed` prop to Button
* add `isLoading` prop to Button (to differentiate state from
disabled)

ButtonLink:
* replace `external` prop with `isExternal` prop
* replace `href` prop with `to` prop

1 files changed, 8 insertions, 8 deletions

diff --git a/src/components/organisms/layout/footer.tsx b/src/components/organisms/layout/footer.tsx
index f1f3236..36e85a7 100644
--- a/src/components/organisms/layout/footer.tsx
+++ b/src/components/organisms/layout/footer.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { useIntl } from 'react-intl';
 import { Copyright, type CopyrightProps } from '../../atoms';
 import {
@@ -50,26 +50,26 @@ export const Footer: FC<FooterProps> = ({
     description: 'Footer: an accessible name for footer nav',
     id: 'd4N8nD',
   });
+  const footerClass = `${styles.wrapper} ${className}`;
+  const btnClass = `${styles['back-to-top']} ${backToTopClassName}`;
 
   return (
-    <footer className={`${styles.wrapper} ${className}`}>
+    <footer className={footerClass}>
       <Copyright
         dates={copyright.dates}
         icon={copyright.icon}
         owner={copyright.owner}
       />
-      {navItems && (
+      {navItems ? (
         <Nav
           aria-label={ariaLabel}
           className={styles.nav}
           items={navItems}
+          // eslint-disable-next-line react/jsx-no-literals -- Hardcoded config
           kind="footer"
         />
-      )}
-      <BackToTop
-        className={`${styles['back-to-top']} ${backToTopClassName}`}
-        target={topId}
-      />
+      ) : null}
+      <BackToTop className={btnClass} to={topId} />
     </footer>
   );
 };