chore: web app use client directive (#4747)

* chore: use client directive

* chore: use client directive

web/components/pages/editor/header/extra-options.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { Lock, Sparkle } from "lucide-react";

web/components/pages/editor/header/options-dropdown.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { observer } from "mobx-react";
 import { ArchiveRestoreIcon, Clipboard, Copy, Link, Lock, LockOpen } from "lucide-react";
 // document editor

web/components/pages/editor/header/toolbar.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useEffect, useState, useCallback } from "react";
 import { Check, ChevronDown } from "lucide-react";
 // editor

web/components/pages/editor/title.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { observer } from "mobx-react";
 // editor