Improve docs, responsive, add Material Icons

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>

front/src/components/SettingsPage.svelte

@@ -406,7 +406,7 @@
             <div class="alert alert-warning py-2 px-3 text-sm gap-2">
               <AlertTriangle size={15} class="shrink-0" />
               <span>
-                <strong>proxychains4</strong> not found in PATH — external binary tools
+                <strong>proxychains4</strong> not found in PATH, external binary tools
                 (maigret, ghunt, etc.) will <strong>not</strong> be proxied.
                 Only HTTP-based tools are affected by the proxy config.
               </span>
@@ -418,7 +418,7 @@
             {#if proxies.length === 0}
               <div class="border border-dashed border-base-300 rounded-box py-8 text-center">
                 <Shield size={24} class="mx-auto mb-2 text-base-content/20" />
-                <p class="text-sm text-base-content/40">No proxies — tools connect directly.</p>
+                <p class="text-sm text-base-content/40">No proxies, tools connect directly.</p>
               </div>
             {:else}
               {#each proxies as proxy, i}