Improve webview tab activation and styling

Ensure the webviews container is visible when converting a home tab to a webview, and activate the converted tab in the UI. Also, update webview CSS to set width and height to 100% for better layout consistency.

renderer/script.js

@@ -276,6 +276,9 @@ function convertHomeTabToWebview(tabId, inputUrl, resolvedUrl) {
   const tab = tabs.find(t => t.id === tabId);
   if (!tab) return;
 
+  // Ensure webviews container is visible
+  const webviewsEl = document.getElementById('webviews');
+  if (webviewsEl) webviewsEl.classList.remove('hidden');
   // Create a new webview for this tab
   const webview = document.createElement('webview');
   webview.id = `tab-${tabId}`;
@@ -339,6 +342,9 @@ function convertHomeTabToWebview(tabId, inputUrl, resolvedUrl) {
   webview.classList.add('active');
 
   updateNavButtons();
+  // Activate converted webview tab and update UI
+  setActiveTab(tabId);
+  renderTabs();
 }
 
 function handleNavigation(tabId, newUrl) {