refactor(core): side bar resizing (#5280)

Rewrite sidebar panel using a customized react-resizable-panels version that supports sidebar pixel sizing (not using flex percentages).

Now the left & right sidebar using the same `ResizePanel` impl.

fix https://github.com/toeverything/AFFiNE/issues/5271
fix TOV-163
fix TOV-146
fix TOV-168
fix TOV-109
fix TOV-165

packages/frontend/core/src/commands/affine-settings.tsx

@@ -86,7 +86,7 @@ export function registerAffineSettingsCommands({
     })
   );
 
-  //Font styles
+  // Font styles
   unsubs.push(
     registerAffineCommand({
       id: 'affine:change-font-style-to-sans',
@@ -144,7 +144,7 @@ export function registerAffineSettingsCommands({
     })
   );
 
-  //Display Language
+  // Display Language
   languagesList.forEach(language => {
     unsubs.push(
       registerAffineCommand({
@@ -162,7 +162,7 @@ export function registerAffineSettingsCommands({
     );
   });
 
-  //Layout Style
+  // Layout Style
   unsubs.push(
     registerAffineCommand({
       id: `affine:change-client-border-style`,