feat: implement command context and provider for command handling; add search button component; enhance network chart with packet loss calculation and display; update translations for new features

src/context/command-context.ts

@@ -0,0 +1,10 @@
+import { createContext } from "react"
+
+export interface CommandContextType {
+  isOpen: boolean
+  openCommand: () => void
+  closeCommand: () => void
+  toggleCommand: () => void
+}
+
+export const CommandContext = createContext<CommandContextType | undefined>(undefined)

src/context/command-provider.tsx

@@ -0,0 +1,24 @@
+import { ReactNode, useCallback, useState } from "react"
+
+import { CommandContext } from "./command-context"
+
+export function CommandProvider({ children }: { children: ReactNode }) {
+  const [isOpen, setIsOpen] = useState(false)
+
+  const openCommand = useCallback(() => setIsOpen(true), [])
+  const closeCommand = useCallback(() => setIsOpen(false), [])
+  const toggleCommand = useCallback(() => setIsOpen((prev) => !prev), [])
+
+  return (
+    <CommandContext.Provider
+      value={{
+        isOpen,
+        openCommand,
+        closeCommand,
+        toggleCommand,
+      }}
+    >
+      {children}
+    </CommandContext.Provider>
+  )
+}