style: update various code copy button and toc styles

- Removed the old copy-action SVG icon and replaced it with a new copy-button SVG icon.
- Added a new copy-success SVG icon for visual feedback on copy actions.
- Updated Waline component comments for clarity and improved code readability.
- Enhanced BackButton component with fallback navigation to homepage.
- Improved CodeCopyButton component by refining icon handling and timeout management.
- Adjusted GithubCard component's intersection observer root margin for better visibility.
- Updated GsapAnimation component variable names for consistency and clarity.
- Removed unnecessary styles from PhotoSwipe component.
- Modified TOC component styles for better spacing and layout.
- Updated multiple theme guide markdown files to correct image hosting URL comments.
- Cleaned up extend.css by removing commented-out styles and organizing code.
- Added PhotoSwipe background color and KaTeX overflow fixes to global.css.
- Enhanced markdown.css with video styling for better responsiveness.
- Improved transition.css comments for better understanding of GSAP animation states.

src/content/posts/guides/Theme Guide-en.md

@@ -187,8 +187,8 @@ preload: {
   // link prefetch strategies
   linkPrefetch: 'viewport' // hover, tap, viewport, load
   // image hosting url
-  imageHostURL: 'https://image.radishzz.cc'
   // optimize remote images in Markdown files to avoid cumulative layout shift
+  imageHostURL: 'https://image.radishzz.cc'
   // custom google analytics js
   // for users who route analytics javascript to a customized domain
   customGoogleAnalyticsJS: ''
@@ -271,7 +271,7 @@ getImageOptions: (_path, page) => ({
 [RSS feed page](https://retypeset.radishzz.cc/en/rss.xml) styles.
 
 ```html
-<!-- public/rss/rss-style.xsl -->
+<!-- public/feeds/xxx-style.xsl -->
 
 <style type="text/css">
 body{color:oklch(25% 0.005 298)} /* Font color */

src/content/posts/guides/Theme Guide-es.md

@@ -187,8 +187,8 @@ preload: {
   // estrategias de precarga de enlaces
   linkPrefetch: 'viewport' // hover, tap, viewport, load
   // URL de alojamiento de imágenes
-  imageHostURL: 'https://image.radishzz.cc'
   // optimizar imágenes remotas en archivos Markdown para evitar cambios de diseño acumulativos
+  imageHostURL: 'https://image.radishzz.cc'
   // js personalizado de google analytics
   // para usuarios que redirigen javascript de analytics a un dominio personalizado
   customGoogleAnalyticsJS: ''
@@ -271,7 +271,7 @@ getImageOptions: (_path, page) => ({
 Estilos de [página del feed RSS](https://retypeset.radishzz.cc/es/rss.xml).
 
 ```html
-<!-- public/rss/rss-style.xsl -->
+<!-- public/feeds/xxx-style.xsl -->
 
 <style type="text/css">
 body{color:oklch(25% 0.005 298)} /* Color de fuente */

src/content/posts/guides/Theme Guide-ja.md

@@ -26,7 +26,7 @@ site: {
   subtitle: 'Revive the beauty of typography'
   // サイト説明
   description: 'Retypeset is a static blog theme...'
-  // 上記の静的設定ではなく src/i18n/ui.ts の多言語タイトル/サブタイトル/説明を使用
+  // 上記の静的設定の代わりに src/i18n/ui.ts の多言語タイトル/サブタイトル/説明を使用
   i18nTitle: true // true, false
   // 著者名
   author: 'radishzz'
@@ -187,8 +187,8 @@ preload: {
   // リンクプリフェッチ戦略
   linkPrefetch: 'viewport' // hover, tap, viewport, load
   // 画像ホスティング URL
-  imageHostURL: 'https://image.radishzz.cc'
   // Markdownファイル内のリモート画像を最適化してレイアウトシフトを防止
+  imageHostURL: 'https://image.radishzz.cc'
   // カスタム Google Analytics JS
   // アナリティクス JavaScript をカスタムドメインにルーティングするユーザー向け
   customGoogleAnalyticsJS: ''
@@ -271,7 +271,7 @@ getImageOptions: (_path, page) => ({
 [RSSフィードページ](https://retypeset.radishzz.cc/ja/rss.xml)スタイル。
 
 ```html
-<!-- public/rss/rss-style.xsl -->
+<!-- public/feeds/xxx-style.xsl -->
 
 <style type="text/css">
 body{color:oklch(25% 0.005 298)} /* フォントカラー */

src/content/posts/guides/Theme Guide-ru.md

@@ -26,7 +26,7 @@ site: {
   subtitle: 'Revive the beauty of typography'
   // описание сайта
   description: 'Retypeset is a static blog theme...'
-  // использовать многоязычные заголовок/подзаголовок/описание из src/i18n/ui.ts, а не статические выше
+  // использовать многоязычные заголовок/подзаголовок/описание из src/i18n/ui.ts вместо статических выше
   i18nTitle: true // true, false
   // имя автора
   author: 'radishzz'
@@ -187,8 +187,8 @@ preload: {
   // стратегии предзагрузки ссылок
   linkPrefetch: 'viewport' // hover, tap, viewport, load
   // URL хостинга изображений
-  imageHostURL: 'https://image.radishzz.cc'
   // оптимизировать удаленные изображения в файлах Markdown для избежания накопления сдвига макета
+  imageHostURL: 'https://image.radishzz.cc'
   // пользовательский скрипт Google Analytics
   // для пользователей, которые направляют JavaScript аналитики на собственный домен
   customGoogleAnalyticsJS: ''
@@ -271,7 +271,7 @@ getImageOptions: (_path, page) => ({
 Стили [страницы RSS-ленты](https://retypeset.radishzz.cc/ru/rss.xml).
 
 ```html
-<!-- public/rss/rss-style.xsl -->
+<!-- public/feeds/xxx-style.xsl -->
 
 <style type="text/css">
 body{color:oklch(25% 0.005 298)} /* Цвет шрифта */

src/content/posts/guides/Theme Guide-zh-tw.md

@@ -26,7 +26,7 @@ site: {
   subtitle: 'Revive the beauty of typography'
   // 站點描述
   description: 'Retypeset is a static blog theme...'
-  // 使用 src/i18n/ui.ts 中的多語言標題/副標題/站點描述，而不是上方靜態配置
+  // 使用 src/i18n/ui.ts 中的多語言標題/副標題/站點描述，代替上方靜態配置
   i18nTitle: true // true, false
   // 作者名稱
   author: 'radishzz'
@@ -187,8 +187,8 @@ preload: {
   // 鏈接預加載策略
   linkPrefetch: 'viewport' // hover, tap, viewport, load
   // 圖床地址
-  imageHostURL: 'https://image.radishzz.cc'
   // 優化 Markdown 文件中的遠程圖片以避免佈局抖動
+  imageHostURL: 'https://image.radishzz.cc'
   // 定制 google analytics js
   // 適用於路由 google analytics js 到自定義域名的用戶
   customGoogleAnalyticsJS: ''
@@ -271,7 +271,7 @@ getImageOptions: (_path, page) => ({
 [RSS 訂閱頁](https://retypeset.radishzz.cc/zh-tw/rss.xml) 配色。
 
 ```html
-<!-- public/rss/rss-style.xsl -->
+<!-- public/feeds/xxx-style.xsl -->
 
 <style type="text/css">
 body{color:oklch(25% 0.005 298)} /* 字體顏色 */

src/content/posts/guides/Theme Guide-zh.md

@@ -26,7 +26,7 @@ site: {
   subtitle: 'Revive the beauty of typography'
   // 站点描述
   description: 'Retypeset is a static blog theme...'
-  // 使用 src/i18n/ui.ts 中的多语言标题/副标题/站点描述，而不是上方静态配置
+  // 使用 src/i18n/ui.ts 中的多语言标题/副标题/站点描述，代替上方静态配置
   i18nTitle: true // true, false
   // 作者名称
   author: 'radishzz'
@@ -187,8 +187,8 @@ preload: {
   // 链接预加载策略
   linkPrefetch: 'viewport' // hover, tap, viewport, load
   // 图床地址
-  imageHostURL: 'https://image.radishzz.cc'
   // 优化 Markdown 文件中的远程图片以避免布局抖动
+  imageHostURL: 'https://image.radishzz.cc'
   // 定制 google analytics js
   // 适用于路由 google analytics js 到自定义域名的用户
   customGoogleAnalyticsJS: ''
@@ -271,7 +271,7 @@ getImageOptions: (_path, page) => ({
 [RSS 订阅页](https://retypeset.radishzz.cc/rss.xml) 配色。
 
 ```html
-<!-- public/rss/rss-style.xsl -->
+<!-- public/feeds/xxx-style.xsl -->
 
 <style type="text/css">
 body{color:oklch(25% 0.005 298)} /* 字体颜色 */