Add CDN-specific info notes and prepare v0.0.2 release

Add contextual info notes for CloudFront and Fastly that explain
their multi-layer caching behavior:

- CloudFront: Explains that a MISS at the edge doesn't necessarily
  mean the origin was hit, as Origin Shield may have served the request.

- Fastly: Shows a visual diagram mapping X-Cache values (e.g.,
  "MISS, HIT, MISS") to each layer in the tiered architecture
  (Origin → Shield POP → Edge POP).

Also includes:
- Styling for info diagrams with dark mode support
- Removed monospace font from row values, changed to break-word
- Simplified popup.js code with fewer branches
- Headers displayed in Title-Case
- Updated changelog for v0.0.2 release

Author: bartTC

CF Cache Status/CF Cache Status Extension/Resources/popup.css

@@ -173,9 +173,8 @@ body {
   font-size: 13px;
   color: #8e8e93;
   text-align: right;
-  word-break: break-all;
+  word-break: break-word;
   margin-left: 16px;
-  font-family: "SF Mono", Monaco, "Courier New", monospace;
 }
 
 /* =============================================================================
@@ -238,6 +237,25 @@ body {
   text-decoration: underline;
 }
 
+.info-diagram {
+  font-family: "SF Mono", Menlo, Monaco, monospace;
+  font-size: 11px;
+  color: #6e6e73;
+  background: #f2f2f7;
+  border-radius: 6px;
+  padding: 10px 12px;
+  margin: 8px 0;
+  text-align: left;
+  line-height: 1.4;
+}
+
+@media (prefers-color-scheme: dark) {
+  .info-diagram {
+    background: #3a3a3c;
+    color: #a1a1a6;
+  }
+}
+
 /* =============================================================================
    Utilities
    ============================================================================= */

CF Cache Status/CF Cache Status Extension/Resources/popup.html

@@ -36,12 +36,24 @@
       <span id="page-url"></span>
     </div>
 
-    <div id="info-section" class="section hidden">
+    <div id="cloudfront-info" class="section hidden">
       <div class="section-header">Note</div>
       <div class="info-card">
         <p class="info-note">A "MISS" at the edge doesn't always mean the request reached your origin. CloudFront may serve from <a href="https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/origin-shield.html" target="_blank">Origin Shield</a> (intermediate cache) but still report MISS from the edge's perspective.</p>
       </div>
     </div>
+
+    <div id="fastly-info" class="section hidden">
+      <div class="section-header">Note</div>
+      <div class="info-card">
+        <p class="info-note">Multiple values in X-Cache show cache status at each layer in Fastly's <a href="https://www.fastly.com/documentation/guides/concepts/edge-state/cache/cache-freshness/" target="_blank">tiered architecture</a>:</p>
+        <pre class="info-diagram">X-Cache: MISS, HIT, MISS
+         │     │    │
+         │     │    └── Edge POP (closest to you)
+         │     └─────── Shield POP (intermediate cache)
+         └───────────── Origin (your server)</pre>
+      </div>
+    </div>
   </div>
   <script src="popup.js"></script>
 </body>