Cleanup

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-Authored-By: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: 3 people

src/app/content/components/Toolbar/Toolbar.legacy.tsx

@@ -6,7 +6,7 @@
  * using the old API while the Toolbar component itself has been migrated to plain CSS.
  *
  * Files that import from this module:
- * - Topbar/styled.tsx (barPadding, buttonMinWidth, PlainButton)
+ * - Topbar/styled.tsx (buttonMinWidth, PlainButton)
  * - popUp/PrintButton.ts (PrintOptions)
  * - TableOfContents/index.tsx (LeftArrow, TimesIcon)
  * - SidebarControl/Buttons.tsx (toolbarDefaultButton, toolbarDefaultText)
@@ -18,7 +18,6 @@
 
 import React from 'react';
 import styled, { css } from 'styled-components/macro';
-import { maxNavWidth } from '../../../components/NavBar/styled';
 import Times from '../../../components/Times';
 import {
   textRegularSize,
@@ -39,15 +38,6 @@ export const toolbarDefaultText = css`
   `)}
 `;
 
-export const barPadding = css`
-  max-width: ${maxNavWidth}rem;
-  margin: 0 auto;
-  width: calc(100% - ${theme.padding.page.desktop}rem * 2);
-  ${theme.breakpoints.mobile(css`
-    width: calc(100% - ${theme.padding.page.mobile}rem * 2);
-  `)}
-`;
-
 export const toolbarDefaultButton = css`
   display: flex;
   flex-direction: column;

src/app/content/components/Toolbar/styled.tsx

@@ -63,7 +63,7 @@ interface ToolbarWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 
 export const ToolbarWrapper = React.forwardRef<HTMLDivElement, ToolbarWrapperProps>(
-  function ToolbarWrapper({ isMobileMenuOpen, className, style, children, ...props }, ref) {
+  ({ isMobileMenuOpen, className, style, children, ...props }, ref) => {
     return (
       <div
         ref={ref}
@@ -117,7 +117,7 @@ interface PlainButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
 }
 
 export const PlainButton = React.forwardRef<HTMLButtonElement, PlainButtonProps>(
-  function PlainButton({ className, style, children, ...props }, ref) {
+  ({ className, style, children, ...props }, ref) => {
     // Filter out transient props (starting with $) to prevent them from being forwarded to the DOM
     // Styled-components uses transient props for style-only props that shouldn't appear as HTML attributes
     const safeProps = Object.keys(props).reduce((acc, key) => {
@@ -148,7 +148,7 @@ interface PrintOptWrapperProps extends React.ButtonHTMLAttributes<HTMLButtonElem
 }
 
 export const PrintOptWrapper = React.forwardRef<HTMLButtonElement, PrintOptWrapperProps>(
-  function PrintOptWrapper({ isActive, className, children, ...props }, ref) {
+  ({ isActive, className, children, ...props }, ref) => {
     return (
       <button
         ref={ref}