@emotion/css as drop-in replacement for abandoned glamor library (#3471)

* Migrate to @emotion/css

* Remove custom CSSProperties

* Fix errors

* Fix typecheck error

* Fix lint error

* Fix typecheck error

* Fix typecheck error

* Fix typecheck error

* Release notes

* VRT

* VRT

* Revert VRT

* Fix typecheck error

* Fix glamor import

* yarn

* Fix lint error

* Dedupe

* Fix typecheck error

* Update @emotion/css

* Revert vrt screenshots

* Fix toggle content

* Fix content

* Fix lint error

* VRT

* Cleanup unneeded style

packages/desktop-client/src/components/common/Link.tsx

@@ -2,15 +2,16 @@ import React, {
   type MouseEventHandler,
   type ComponentProps,
   type ReactNode,
+  type CSSProperties,
 } from 'react';
 import { NavLink, useMatch } from 'react-router-dom';
 
-import { css } from 'glamor';
+import { css } from '@emotion/css';
 
 import { type CustomReportEntity } from 'loot-core/types/models/reports';
 
 import { useNavigate } from '../../hooks/useNavigate';
-import { type CSSProperties, styles } from '../../style';
+import { styles } from '../../style';
 import { theme } from '../../style/theme';
 
 import { Button } from './Button2';
@@ -128,11 +129,7 @@ const InternalLink = ({
     <NavLink
       to={path}
       state={report ? { report } : {}}
-      className={`${css([
-        styles.smallText,
-        style,
-        match ? activeStyle : null,
-      ])}`}
+      className={css([styles.smallText, style, match ? activeStyle : null])}
     >
       {children}
     </NavLink>