docs: Update skeleton loader implementation from hyperscript to JavaScript

MIGRATION SUMMARY:
- Moved skeleton loader logic from hyperscript to JavaScript (main.js)
- Changed from htmx:oobAfterSwap to htmx:afterSettle event
- Changed OOB swap from innerHTML to outerHTML for proper element replacement
- Added languageSwitching flag for state tracking
- Added 100ms delay after afterSettle for final render completion

DOCUMENTATION UPDATES:
- 2-MODERN-WEB-TECHNIQUES.md: Updated skeleton loader section with

templates/language-switch.html

@@ -24,8 +24,8 @@
 <!-- Out-of-band swap: Page 1 content wrapper with fade transition -->
 <div id="cv-inner-content-page-1"
      class="cv-page-content-wrapper"
-     hx-swap-oob="innerHTML"
-     _="on htmx:oobAfterSwap wait 100ms then remove .loading from me">
+     hx-swap-oob="outerHTML"
+     _="on htmx:afterSettle wait 100ms then remove .loading from me">
     {{template "title-badges" .}}
 
     <!-- Page 1 Content Grid: Left Sidebar + Main Content -->
@@ -68,8 +68,8 @@
 <!-- Out-of-band swap: Page 2 content wrapper with fade transition -->
 <div id="cv-inner-content-page-2"
      class="cv-page-content-wrapper"
-     hx-swap-oob="innerHTML"
-     _="on htmx:oobAfterSwap wait 100ms then remove .loading from me">
+     hx-swap-oob="outerHTML"
+     _="on htmx:afterSettle wait 100ms then remove .loading from me">
     {{template "title-badges" .}}
 
     <!-- Page 2 Content Grid: Main Content + Right Sidebar -->