Remove the unused are_links_dimmed prop and associated styling from the layout and footer components

- the checkpionts quick pick should not use relative time

Author: robertpiosik

apps/editor/src/views/panel/frontend/Panel.tsx

@@ -304,7 +304,7 @@ export const Panel = () => {
     <LayoutContext.Provider value={layout_context_value}>
       <div className={styles.container}>
         <div className={styles.slot}>
-          <Layout are_links_dimmed={active_view == 'main'}>
+          <Layout>
             <div
               className={cn(styles.content, {
                 [styles['content--hidden']]: active_view != 'main'

apps/editor/src/views/panel/frontend/components/Layout/Footer/Footer.module.scss

@@ -22,14 +22,6 @@
     padding-left: 12px;
     transition: var(--transition-duration-250) opacity
       var(--transition-timing-function);
-
-    &--dimmed {
-      opacity: var(--disabled-opacity);
-
-      &:hover {
-        opacity: 1;
-      }
-    }
   }
 
   &__icon-button {

apps/editor/src/views/panel/frontend/components/Layout/Footer/Footer.tsx

@@ -6,11 +6,7 @@ import { use_compacting } from '@shared/hooks'
 import { LayoutContext } from '../../../contexts/LayoutContext'
 import { use_translation } from '../../../i18n/use-translation'
 
-type Props = {
-  are_links_dimmed?: boolean
-}
-
-export const Footer: React.FC<Props> = (props) => {
+export const Footer: React.FC = () => {
   const {
     can_undo,
     on_apply_click,
@@ -57,12 +53,7 @@ export const Footer: React.FC<Props> = (props) => {
   return (
     <>
       <div className={styles.footer} ref={container_ref}>
-        <div
-          ref={left_ref}
-          className={cn(styles.footer__left, {
-            [styles['footer__left--dimmed']]: props.are_links_dimmed
-          })}
-        >
+        <div ref={left_ref} className={styles.footer__left}>
           <a
             className={cn(
               styles['footer__icon-button'],

apps/editor/src/views/panel/frontend/components/Layout/Layout.tsx

@@ -3,14 +3,13 @@ import { Footer } from './Footer'
 
 type Props = {
   children: React.ReactNode
-  are_links_dimmed?: boolean
 }
 
 export const Layout: React.FC<Props> = (props) => {
   return (
     <div className={styles.container}>
       <div className={styles.content}>{props.children}</div>
-      <Footer are_links_dimmed={props.are_links_dimmed} />
+      <Footer />
     </div>
   )
 }