WSTool: Fix untranslatable tooltips

@i18n/ja/translations.yaml

@@ -626,6 +626,9 @@ Not Connected: 未接続
 Failed to Connect: 接続に失敗
 Responses: レスポンス
 "Keep last:": 表示数
+Pause Subscriptions: サブスクリプション停止
+Unpause Subscriptions: サブスクリプション停止を解除
+Delete All Responses: 全レスポンスを削除
 # resources/dev-tools/websocket-api/connection-modal.tsx
 Connection Settings: 接続先設定
 Close: 閉じる

resources/dev-tools/components/websocket-api/curl-modal.tsx

@@ -74,13 +74,15 @@ export const CurlModal: React.FC<CurlProps> = ({
 
 export const CurlButton = ({selectedConnection, currentBody}: CurlButtonProps) => {
   const [showCurlModal, setShowCurlModal] = useState(false);
+  const { useTranslate } = useThemeHooks();
+  const { translate } = useTranslate();
 
   return <>
       <button
         className="btn btn-outline-secondary curl"
         data-toggle="modal"
         data-target="#wstool-1-curl"
-        title="cURL syntax"
+        title={translate("cURL Syntax")}
         onClick={() => setShowCurlModal(true)}
       >
         <i className="fa fa-terminal"></i>

resources/dev-tools/components/websocket-api/permalink-modal.tsx

@@ -62,13 +62,15 @@ export const PermalinkButton = ({currentBody, selectedConnection}: PermaLinkButt
   const closePermalinkModal = () => {
     setIsPermalinkModalVisible(false);
   };
+  const { useTranslate } = useThemeHooks();
+  const { translate } = useTranslate();
 
   return <>
     <button
       className="btn btn-outline-secondary permalink"
       data-toggle="modal"
       data-target="#wstool-1-permalink"
-      title="Permalink"
+      title={translate("Permalink")}
       onClick={openPermalinkModal}
     >
       <i className="fa fa-link"></i>

resources/dev-tools/websocket-api-tool.page.tsx

@@ -320,7 +320,7 @@ export function WebsocketApiTool() {
                   {!streamPaused && (
                     <button
                       className="btn btn-outline-secondary stream-pause"
-                      title="Pause Subscriptions"
+                      title={translate("Pause Subscriptions")}
                       onClick={() => setStreamPaused(true)}
                     >
                       <i className="fa fa-pause"></i>
@@ -329,7 +329,7 @@ export function WebsocketApiTool() {
                   {streamPaused && (
                     <button
                       className="btn btn-outline-secondary stream-unpause"
-                      title="Unpause Subscriptions"
+                      title={translate("Unpause Subscriptions")}
                       onClick={() => setStreamPaused(false)}
                     >
                       <i className="fa fa-play"></i>
@@ -337,7 +337,7 @@ export function WebsocketApiTool() {
                   )}
                   <button
                     className="btn btn-outline-secondary wipe-responses"
-                    title="Delete All Responses"
+                    title={translate("Delete All Responses")}
                     onClick={() => setResponses([])}
                   >
                     <i className="fa fa-trash"></i>