feat(header): Add encryption key indicator button using BASE_URL and ENCRYPT_KEY from config

This commit introduces a new button in the header to display the base URL when an encryption key is present, enhancing user awareness of security settings and application context.

Author: Poulphunter

src/components/Header.tsx

@@ -3,12 +3,12 @@ import StorageUtils from '../utils/storage';
 import { useAppContext } from '../utils/app.context';
 import { classNames } from '../utils/misc';
 import daisyuiThemes from 'daisyui/src/theming/themes';
-import { THEMES } from '../Config';
+import { BASE_URL, ENCRYPT_KEY, THEMES } from '../Config';
 import { useTranslation } from 'react-i18next';
 import i18next from 'i18next';
 import { ConversationListButton } from './ConversationList.tsx';
 import { IoLanguage, IoSettingsOutline } from 'react-icons/io5';
-import { BiPalette } from 'react-icons/bi';
+import { BiLock, BiPalette } from 'react-icons/bi';
 
 export function HeaderThemeBlock({ id }: Readonly<{ id: string }>) {
   const { t } = useTranslation();
@@ -115,7 +115,22 @@ export default function Header() {
   return (
     <div className="flex flex-row items-center pt-6 pb-6 sticky top-0 z-10 bg-base-100">
       <ConversationListButton />
-      <div className="grow text-2xl font-bold ml-2 text-center">llama.cpp</div>
+      <div className="grow text-2xl font-bold ml-2 text-center">
+        {ENCRYPT_KEY.length > 0 ? (
+          <button
+            className="tooltip tooltip-bottom z-100"
+            aria-label={BASE_URL}
+            data-tip={BASE_URL}
+          >
+            <div className="btn m-1">
+              <BiLock className="w-6 h-6" />
+            </div>
+          </button>
+        ) : (
+          <></>
+        )}
+        llama.cpp
+      </div>
       {/* action buttons (top right) */}
       <div className="flex items-center">
         <button