Feat/land page (#391)

* feat: update landing page

* feat: update landing page

* fix: react warning

* feat(route): rename variables

* feat(route): better refresh

* fix: update logo and i18n

* feat(code): remove unused comment

* refactor(workspace): rename workspaceId

* refactor(page): rename pageId

* feat(edit): more robust editing experience

* fix: landing page mobile

* fix: landing page mobile

Co-authored-by: tzhangchi <terry.zhangchi@outlook.com>
Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com>

libs/components/editor-plugins/src/comment/use-add-comment.ts

@@ -1,6 +1,6 @@
-import { useState, useCallback } from 'react';
-import { useParams } from 'react-router-dom';
 import { services } from '@toeverything/datasource/db-service';
+import { useCallback, useState } from 'react';
+import { useParams } from 'react-router-dom';
 import { WithEditorSelectionType } from '../menu/inline-menu/types';
 
 export const useAddComment = ({
@@ -8,7 +8,7 @@ export const useAddComment = ({
     selectionInfo,
     setShow,
 }: WithEditorSelectionType) => {
-    const { workspace_id: workspaceId, page_id: pageId } = useParams();
+    const { workspaceId, pageId } = useParams();
     const [currentComment, setCurrentComment] = useState('');
 
     const createComment = useCallback(async (): Promise<{

libs/components/editor-plugins/src/menu/double-link-menu/DoubleLinkMenu.tsx

@@ -44,7 +44,7 @@ export const DoubleLinkMenu = ({
     hooks,
     style,
 }: DoubleLinkMenuProps) => {
-    const { page_id: curPageId } = useParams();
+    const { pageId: curPageId } = useParams();
     const [isOpen, setIsOpen] = useState(false);
     const [anchorEl, setAnchorEl] = useState(null);
     const dialogRef = useRef<HTMLDivElement>();

libs/components/editor-plugins/src/menu/link-menu/LinkMenu.tsx

@@ -42,7 +42,7 @@ const normalizeUrl = (url: string) => {
 };
 
 export const LinkMenu = ({ editor, hooks }: LinkMenuProps) => {
-    const { page_id: curPageId } = useParams();
+    const { pageId: curPageId } = useParams();
     const [isOpen, setIsOpen] = useState(false);
     const [anchorEl, setAnchorEl] = useState(null);
     const dialogRef = useRef<HTMLDivElement>();

libs/components/editor-plugins/src/search/Search.tsx

@@ -47,7 +47,7 @@ type SearchProps = {
 };
 
 export const Search = (props: SearchProps) => {
-    const { workspace_id: workspaceId } = useParams();
+    const { workspaceId } = useParams();
     const navigate = useNavigate();
 
     const [open, setOpen] = useState(false);