feat(docs): update contributing guide with required tools and IDE setup

feat(internal/launchpad): add iframe viewer for prototypes and update links loader

This commit introduces an iframe viewer in the launchpad to display prototypes directly within the application. It also updates the links loader to handle prototype links differently, opening them in the iframe instead of a new tab.

The contributing guide has been updated to include a list of required development tools and recommended IDE setup, ensuring that contributors have the necessary tools to work on the project.

internal/launchpad/assets/js/links-loader.js

@@ -46,8 +46,13 @@ async function loadLinks() {
                 </div>
                 
                 <div class="space-y-3">
-                    ${group.links.map(link => `
-                        <a href="${link.url}" target="_blank"
+                    ${group.links.map(link => {
+                        const isPrototype = link.url.startsWith('/prototypes/');
+                        const hrefAttr = isPrototype ? 'href="#"' : `href="${link.url}" target="_blank"`;
+                        const onclickAttr = isPrototype ? `onclick="event.preventDefault(); showView('iframe', this, '${link.url}', '${link.title}')"` : '';
+                        
+                        return `
+                        <a ${hrefAttr} ${onclickAttr}
                            class="flex items-center justify-between p-4 ${link.containerClass} rounded-xl transition-all group">
                             <div class="flex items-center space-x-3">
                                 ${link.iconClass ? `<div class="${link.iconClass}"></div>` : link.iconSvg}
@@ -69,7 +74,7 @@ async function loadLinks() {
                                 </svg>
                             ` : ''}
                         </a>
-                    `).join('')}
+                    `}).join('')}
                 </div>
             </div>
         `).join('');