feat: Enhance message content handling and improve UI components

- Updated `getShowContentParts` function to handle message content more robustly, ensuring proper display of content parts.
- Refactored `GamepadViewer.vue` to use async component loading for `GamepadDisplay`, added a toggle for real-time preview.
- Implemented debounced search functionality in `PointGoodsView.vue` for improved performance during keyword searches.
- Enhanced `PointOrderView.vue` with order filtering capabilities and added statistics display for better user insights.
- Improved `PointUserHistoryView.vue` by adding export functionality for history data and enhanced filtering options.
- Updated `PointUserLayout.vue` to improve card styling and tab navigation experience.
- Refined `PointUserSettings.vue` layout for better user interaction and added responsive design adjustments.
- Adjusted `vite.config.mts` for better dependency management and build optimization.

src/views/obs/blivechat/constants.js

@@ -181,7 +181,15 @@ export function getShowRichContent(message) {
 }
 
 export function getShowContentParts(message) {
-  const contentParts = [...message.contentParts || []]
+  const contentParts = Array.isArray(message.contentParts)
+    ? [...message.contentParts]
+    : []
+  if (contentParts.length === 0 && message.content) {
+    contentParts.push({
+      type: CONTENT_TYPE_TEXT,
+      text: message.content,
+    })
+  }
   if (message.translation) {
     contentParts.push({
       type: CONTENT_TYPE_TEXT,