Use memo for AppRootContext value (#7667)

Выяснилось, что если AppRoot по какой-то причине ререндерится, то это вызывает ререндер компонентов, основанных на Tappable/Clickable компонентах, даже если они обернуты в React.memo.
Виной тому пересоздающийся объект контекста.

Когда может ререндерится AppRoot?
Например, когда он обернут в компонент, который слушает изменения стора, бывает нужно для того, чтобы менять тему самого AppRoot. Тогда получается, что каждое обновление стора вызывает ререндер AppRoot и компонентов VKUI.

packages/vkui/src/components/AppRoot/AppRoot.tsx

@@ -198,20 +198,23 @@ export const AppRoot = ({
     [scroll],
   );
 
+  const contextValue = React.useMemo(
+    () => ({
+      appRoot: appRootRef,
+      portalRoot: portalRootRef,
+      embedded: mode === 'embedded',
+      mode,
+      disablePortal,
+      layout,
+      get keyboardInput() {
+        return isKeyboardInputActiveRef.current;
+      },
+    }),
+    [disablePortal, isKeyboardInputActiveRef, layout, mode],
+  );
+
   const content = (
-    <AppRootContext.Provider
-      value={{
-        appRoot: appRootRef,
-        portalRoot: portalRootRef,
-        embedded: mode === 'embedded',
-        mode,
-        disablePortal,
-        layout,
-        get keyboardInput() {
-          return isKeyboardInputActiveRef.current;
-        },
-      }}
-    >
+    <AppRootContext.Provider value={contextValue}>
       <ScrollController elRef={appRootRef}>{children}</ScrollController>
     </AppRootContext.Provider>
   );