feat: Refactor transaction handling and add new features

- Updated ReasonGroupList.vue to modify classify button behavior for adding new classifications.
- Refactored TransactionDetail.vue to integrate PopupContainer and enhance transaction detail display.
- Improved TransactionDetailDialog.vue with updated classify button functionality.
- Simplified BalanceView.vue by removing manual entry button.
- Enhanced PeriodicRecord.vue to update classify button interactions.
- Removed unused add transaction dialog from TransactionsRecord.vue.
- Added new API endpoints in TransactionRecordController for parsing transactions and handling offsets.
- Introduced BillForm.vue and ManualBillAdd.vue for streamlined bill entry.
- Implemented OneLineBillAdd.vue for intelligent transaction parsing.
- Created GlobalAddBill.vue for a unified bill addition interface.

Web/src/components/PopupContainer.vue

@@ -9,13 +9,20 @@
     <div class="popup-container">
       <!-- 头部区域 -->
       <div class="popup-header-fixed">
-        <h3 class="popup-title">{{ title }}</h3>
+        <!-- 标题行 (无子标题且有操作时使用 Grid 布局) -->
+        <div class="header-title-row" :class="{ 'has-actions': !subtitle && hasActions }">
+          <h3 class="popup-title">{{ title }}</h3>
+          <!-- 无子标题时，操作按钮与标题同行 -->
+          <div v-if="!subtitle && hasActions" class="header-actions-inline">
+            <slot name="header-actions"></slot>
+          </div>
+        </div>
         
         <!-- 子标题/统计信息 -->
-        <div v-if="subtitle || hasActions" class="header-stats">
-          <span v-if="subtitle" class="stats-text" v-html="subtitle" />
+        <div v-if="subtitle" class="header-stats">
+          <span class="stats-text" v-html="subtitle" />
           <!-- 额外操作插槽 -->
-          <slot name="header-actions"></slot>
+          <slot v-if="hasActions" name="header-actions"></slot>
         </div>
       </div>
 
@@ -84,6 +91,24 @@ const hasActions = computed(() => !!slots['header-actions'])
   z-index: 10;
 }
 
+.header-title-row.has-actions {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+}
+
+.header-title-row.has-actions .popup-title {
+  grid-column: 2;
+  min-width: 0;
+}
+
+.header-actions-inline {
+  grid-column: 3;
+  justify-self: end;
+  display: flex;
+  align-items: center;
+}
+
 .popup-title {
   font-size: 16px;
   font-weight: 500;