diff --git a/index.html b/index.html
index a03005e..c2817c2 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,18 @@
     <link rel="manifest" href="/site.webmanifest">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Content-Security-Policy" content="
+        default-src 'self';
+        script-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net;
+        style-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com;
+        img-src 'self' data: https://picsum.photos https://ovirqmxklhhbmxqbbxsz.supabase.co;
+        font-src 'self' https://cdnjs.cloudflare.com;
+        connect-src 'self' https://ovirqmxklhhbmxqbbxsz.supabase.co wss://ovirqmxklhhbmxqbbxsz.supabase.co;
+        frame-src 'self';
+        object-src 'none';
+        base-uri 'self';
+        form-action 'self';
+    ">
     <meta name="description" content="ZenCom adalah web komunitas yang Berfokus Membagikan Sticker Meme, Atau Foto apapun, AYO POSTING DI ZENCOM!...">
     <title>ZenCom - Komunitas Zen</title>
     <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2.39.7"></script>
@@ -428,14 +440,37 @@
         .post-content {
             color: #374151;
             font-size: 1.125rem;
-            line-height: 1.5;
+            line-height: 1.6;
             margin-bottom: 1rem;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+        }
+
+        .post-image-container {
+            margin-top: 1rem;
+            border-radius: 0.75rem;
+            overflow: hidden;
+            cursor: pointer;
+        }
+
+        .post-image {
+            width: 100%;
+            height: auto;
+            display: block;
+            transition: transform 0.3s ease;
+        }
+
+        .post-image-container:hover .post-image {
+            transform: scale(1.05);
         }
 
         .post-footer {
             display: flex;
-            justify-content: space-between;
+            justify-content: space-around;
             align-items: center;
+            margin-top: 1rem;
+            padding-top: 1rem;
+            border-top: 1px solid #e5e7eb;
         }
 
         .post-action {
@@ -885,11 +920,13 @@ <h2 id="feedTitle" class="feed-title">Beranda</h2>
                     <img id="currentUserAvatar" src="https://picsum.photos/seed/currentuser/60/60" alt="User" class="post-avatar">
                     <div class="post-input-container">
                         <textarea id="postContent" placeholder="Bagikan zen Anda..." class="post-textarea" rows="4"></textarea>
-                            <input type="file" id="imageUpload" class="hidden" accept="image/*" onchange="handleImageSelection(event)">
-                            <img id="imagePreview" src="" alt="Pratinjau Gambar" class="hidden" style="max-width: 100%; border-radius: 0.75rem; margin-top: 1rem;">
+                        <input type="file" id="imageUpload" class="hidden" accept="image/*" onchange="handleImageSelection(event)">
+                        <div id="imagePreviewContainer" class="post-image-container hidden" style="margin-top: 1rem;">
+                            <img id="imagePreview" src="" alt="Pratinjau Gambar" class="post-image">
+                        </div>
                         <div class="post-actions">
                             <div class="post-tools">
-                                    <button id="imageUploadBtn" class="tool-button" onclick="document.getElementById('imageUpload').click()">
+                                <button id="imageUploadBtn" class="tool-button" onclick="document.getElementById('imageUpload').click()">
                                     <i class="fas fa-image tool-icon"></i>
                                 </button>
                                 <button class="tool-button">
@@ -1327,17 +1364,20 @@ <h4 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">9. Kon
         // Post functions
         function handleImageSelection(event) {
             const file = event.target.files[0];
+            const previewContainer = document.getElementById('imagePreviewContainer');
+            const preview = document.getElementById('imagePreview');
+
             if (!file) {
                 selectedFile = null;
-                document.getElementById('imagePreview').classList.add('hidden');
+                previewContainer.classList.add('hidden');
+                preview.src = '';
                 return;
             }
             selectedFile = file;
             const reader = new FileReader();
             reader.onload = (e) => {
-                const preview = document.getElementById('imagePreview');
                 preview.src = e.target.result;
-                preview.classList.remove('hidden');
+                previewContainer.classList.remove('hidden');
             };
             reader.readAsDataURL(file);
         }
@@ -1400,9 +1440,10 @@ <h4 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">9. Kon
                 document.getElementById('postContent').value = '';
                 document.getElementById('imageUpload').value = '';
                 selectedFile = null;
+                const previewContainer = document.getElementById('imagePreviewContainer');
                 const preview = document.getElementById('imagePreview');
                 preview.src = '';
-                preview.classList.add('hidden');
+                previewContainer.classList.add('hidden');
 
                 await loadPosts();
                 showNotification('Zen Anda telah dibagikan! ✨');
@@ -1487,7 +1528,9 @@ <h4 class="post-username" onclick="showUserProfile('${post.profiles.id}')">${pos
                         <p class="post-content">${post.content}</p>
                         ${
                             post.image_url ?
-                            `<img src="${post.image_url}" alt="Post image" style="width: 100%; border-radius: 0.75rem; margin-top: 1rem; cursor: pointer;" onclick="showImageDetail('${post.image_url}')">`
+                            `<div class="post-image-container" onclick="showImageDetail('${post.image_url}')">
+                                <img src="${post.image_url}" alt="Post image" class="post-image">
+                            </div>`
                             : ''
                         }
                         <div class="post-footer">
diff --git a/jules-scratch/verification/01_terms_modal.png b/jules-scratch/verification/01_terms_modal.png
deleted file mode 100644
index 5bd777e..0000000
Binary files a/jules-scratch/verification/01_terms_modal.png and /dev/null differ
diff --git a/jules-scratch/verification/02_search_result.png b/jules-scratch/verification/02_search_result.png
deleted file mode 100644
index 49f91ba..0000000
Binary files a/jules-scratch/verification/02_search_result.png and /dev/null differ
diff --git a/jules-scratch/verification/verify_all_features.py b/jules-scratch/verification/verify_all_features.py
deleted file mode 100644
index aa79fea..0000000
--- a/jules-scratch/verification/verify_all_features.py
+++ /dev/null
@@ -1,87 +0,0 @@
-import os
-import json
-from playwright.sync_api import sync_playwright, expect
-
-# Data tiruan untuk pengujian yang andal dan terisolasi
-mock_posts = [
-    {
-        "id": "mock-1",
-        "created_at": "2025-09-28T12:00:00Z",
-        "content": "Ini adalah postingan Zen pertama untuk pengujian.",
-        "image_url": "https://picsum.photos/seed/test1/600/400",
-        "profiles": {"id": "user-1", "name": "Penguji Coba", "username": "tester", "avatar_url": "https://i.pravatar.cc/150?u=tester"},
-        "likes": [{"count": 5}],
-        "comments": [{"count": 2}]
-    },
-    {
-        "id": "mock-2",
-        "created_at": "2025-09-28T12:05:00Z",
-        "content": "Postingan kedua tanpa gambar.",
-        "image_url": None, # Akan dikonversi menjadi null oleh json.dumps()
-        "profiles": {"id": "user-2", "name": "Jules Engineer", "username": "jules", "avatar_url": "https://i.pravatar.cc/150?u=jules"},
-        "likes": [{"count": 10}],
-        "comments": [{"count": 3}]
-    }
-]
-
-def run_verification(page):
-    file_path = f"file://{os.path.abspath('index.html')}"
-    page.goto(file_path)
-
-    # --- Cegah Race Condition & Injeksi Data Tiruan ---
-    # 1. Ganti fungsi loadPosts asli agar tidak melakukan panggilan jaringan dan menimpa data kita.
-    # 2. Suntikkan data tiruan kita ke dalam variabel global `posts`.
-    # 3. Panggil renderPosts() secara manual untuk menampilkan data tiruan.
-    mock_posts_json = json.dumps(mock_posts)
-    page.evaluate(f"""
-        window.loadPosts = async () => {{ console.log('Original loadPosts has been neutered.'); }};
-        window.posts = {mock_posts_json};
-        window.renderPosts();
-    """)
-
-    # Pastikan data tiruan berhasil di-render
-    expect(page.locator(".zen-card").first).to_be_visible(timeout=5000)
-
-    # --- Verifikasi 1: Modal Syarat dan Ketentuan ---
-    page.click("#authBtn")
-    page.get_by_role("link", name="Daftar").click()
-    page.get_by_role("link", name="Syarat dan Ketentuan").click()
-
-    terms_modal = page.locator("#termsModal")
-    expect(terms_modal).to_be_visible()
-    page.screenshot(path="jules-scratch/verification/01_terms_modal.png")
-
-    page.click("#termsModal .close-button")
-    expect(terms_modal).not_to_be_visible()
-    page.click("#authModal .close-button")
-
-    # --- Verifikasi 2: Fitur Pencarian ---
-    search_input = page.locator("#searchInput")
-    search_input.type("Zen")
-
-    expect(page.locator(".zen-card")).to_have_count(1)
-    expect(page.get_by_text("Ini adalah postingan Zen pertama untuk pengujian.")).to_be_visible()
-    page.screenshot(path="jules-scratch/verification/02_search_result.png")
-
-    # --- Verifikasi 3: Menu Bagikan ---
-    search_input.fill("")
-    expect(page.locator(".zen-card")).to_have_count(2)
-
-    first_post = page.locator(".zen-card").first
-    share_button = first_post.locator(".post-footer").get_by_role("button", name="Bagikan")
-    share_button.click()
-
-    share_menu = first_post.locator("[id^=share-menu-]")
-    expect(share_menu).to_be_visible()
-    expect(share_menu.get_by_text("Download foto")).to_be_visible()
-    expect(share_menu.get_by_text("Bagikan Tautan Postingan")).to_be_visible()
-
-    page.screenshot(path="jules-scratch/verification/final_verification.png")
-
-with sync_playwright() as p:
-    browser = p.chromium.launch(headless=True)
-    page = browser.new_page()
-    run_verification(page)
-    browser.close()
-
-print("Verification script with neutered load and mock data executed successfully.")
\ No newline at end of file