Implement big text view and preliminary i18n

packages/web/src/pages/Vault.tsx

@@ -6,6 +6,7 @@ import { IoSearch } from "react-icons/io5"
 import { ItemList } from "../components/ItemList"
 import { ItemView } from "../components/Item"
 import { reactIconClass } from "../components/CategoryIcon"
+import { useTranslate } from "../i18n/index"
 
 const Container = styled.div`
   display: flex;
@@ -54,6 +55,7 @@ export const VaultView: React.FC<{ vault: Vault; onLock(): void }> = ({
   vault,
   onLock,
 }) => {
+  const t = useTranslate()
   const [items, setItems] = useState<Item[]>(() => [])
   const [item, setItem] = useState<Item>()
   const [sortBy, setSortBy] = useState(SortBy.Name)
@@ -99,7 +101,7 @@ export const VaultView: React.FC<{ vault: Vault; onLock(): void }> = ({
             margin: "10px 10px",
           }}
         >
-          <button onClick={onLock}>Lock</button>
+          <button onClick={onLock}>{t.action_lock}</button>
         </div>
         <SearchContainer>
           <SearchInput