fix(core): add favorite folder in menu, adjust empty-page new page button (#7730)

close AF-1150, AF-1128, AF-1131
- Replace favorite migration related copy
- Adjust empty page's "New Page" button
  ![CleanShot 2024-08-05 at 15.16.06@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/1cf7d75a-a33a-4eec-9dc1-87d50d9526f1.png)
- Add toggle favorite to folder menu
  ![CleanShot 2024-08-05 at 15.17.50@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/af6116b5-47d1-49a6-9660-41c0d7cd8fd3.png)
- Adjust `Button`
  - add `withoutHover` state
  - remove cursor: not-allowed when disabled

packages/frontend/component/src/ui/button/button.css.ts

@@ -79,6 +79,10 @@ export const button = style({
   lineHeight: lineHeightVar,
 
   selectors: {
+    // hover layer
+    '&[data-no-hover]:before, &[data-disabled]:before': {
+      display: 'none',
+    },
     '&:hover:before': { opacity: 1 },
     '&[data-block]': { display: 'flex' },
 
@@ -162,7 +166,6 @@ export const button = style({
 
     // disabled
     '&[data-disabled]': {
-      cursor: 'not-allowed',
       opacity: 0.5,
     },
 

packages/frontend/component/src/ui/button/button.tsx

@@ -43,6 +43,9 @@ export interface ButtonProps
    */
   loading?: boolean;
 
+  /** No hover state */
+  withoutHover?: boolean;
+
   /**
    * By default, it is considered as an icon with preset size and color,
    * can be overridden by `prefixClassName` and `prefixStyle`.
@@ -103,6 +106,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
       block,
       loading,
       className,
+      withoutHover,
 
       prefix,
       prefixClassName,
@@ -142,6 +146,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
           data-disabled={disabled || undefined}
           data-size={size}
           data-variant={variant}
+          data-no-hover={withoutHover || undefined}
           onClick={handleClick}
         >
           <IconSlot