Update packaging to use the correct file extension

Corrects the `.lunpg` file extension to `.lunpkg` across the AppForge build process and the Explorer's installed apps section.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e2b92d4e-76ae-40ff-a230-37793acffa7d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 2b0c00f5-bd45-4ff1-9aca-6fd5148636b9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/5a10205b-9d46-41fa-ab91-e97aee1b8b50/e2b92d4e-76ae-40ff-a230-37793acffa7d/1SPEUFE
Replit-Helium-Checkpoint-Created: true

appforge.html

@@ -506,7 +506,7 @@
                         <div class="sidebar-item" onclick="showSubTab('stats')">📊 Statistics</div>
                         <div class="sidebar-item" onclick="showSubTab('publishing')">🚀 Publishing</div>
                         <div class="sidebar-item" onclick="showSubTab('download')">📥 Download App</div>
-                        <div class="sidebar-item" onclick="showSubTab('build')">📦 Build .lunpg</div>
+                        <div class="sidebar-item" onclick="showSubTab('build')">📦 Build .lunpkg</div>
                     </div>
                     
                     <div class="main-panel">
@@ -514,7 +514,7 @@
                         <div id="sub-build" class="sub-settings" style="display:none;">
                             <div style="margin-bottom: 20px; background: #6c5ce722; padding: 15px; border-radius: 8px;">
                                 <h4 style="margin-bottom: 5px; color: #a29bfe; display: flex; align-items: center; gap: 8px;">
-                                    <span style="font-size: 20px;">📦</span> Build Package (.lunpg)
+                                    <span style="font-size: 20px;">📦</span> Build Package (.lunpkg)
                                 </h4>
                                 <p style="font-size: 11px; color: rgba(255,255,255,0.7);">Generate a future-proof, organized package for your app.</p>
                             </div>
@@ -544,7 +544,7 @@
                                 </p>
                             </div>
 
-                            <button class="btn btn-primary" style="width: 100%;" onclick="buildLunPkg()">Build & Download .lunpg</button>
+                            <button class="btn btn-primary" style="width: 100%;" onclick="buildLunPkg()">Build & Download .lunpkg</button>
                         </div>
 
                         <!-- Publishing Tab -->
@@ -1364,11 +1364,11 @@
             const url = window.URL.createObjectURL(blob);
             const a = document.createElement('a');
             a.href = url;
-            a.download = `${appId}.lunpg`;
+            a.download = `${appId}.lunpkg`;
             a.click();
             window.URL.revokeObjectURL(url);
             
-            alert('Build successful! Your .lunpg package is ready.');
+            alert('Build successful! Your .lunpkg package is ready.');
         }
 
         function renderStylePicker() {

explorer.html

@@ -143,7 +143,7 @@
                         <div class="drive-card" onclick="navigateTo('apps-folder')">
                             <div class="drive-icon">📦</div>
                             <div class="drive-info">
-                                <div class="drive-name">Installed Apps (.lunpg)</div>
+                                <div class="drive-name">Installed Apps (.lunpkg)</div>
                                 <div class="drive-stats">12 apps installed</div>
                             </div>
                         </div>
@@ -156,11 +156,11 @@
                     <div class="quick-access-grid">
                         <div class="folder-item">
                             <div class="folder-icon" style="color: #6c5ce7">🎮</div>
-                            <div class="drive-name">CyberRun.lunpg</div>
+                            <div class="drive-name">CyberRun.lunpkg</div>
                         </div>
                         <div class="folder-item">
                             <div class="folder-icon" style="color: #a29bfe">📱</div>
-                            <div class="drive-name">AppForge.lunpg</div>
+                            <div class="drive-name">AppForge.lunpkg</div>
                         </div>
                     </div>
                 </div>