Implement multi-timeframe support for indicators

- Enhanced the `UserIndicator` class to include an optional `timeframe` attribute for custom indicator timeframes.
- Updated the `get_indicator_data` method in `MarketDataIntegrator` to fetch and calculate indicators based on the specified timeframe, ensuring proper data alignment and handling.
- Modified the `ChartBuilder` to pass the correct DataFrame for plotting indicators with different timeframes.
- Added UI elements in the indicator modal for selecting timeframes, improving user experience.
- Updated relevant JSON templates to include the new `timeframe` field for all indicators.
- Refactored the `prepare_chart_data` function to ensure it returns a DataFrame with a `DatetimeIndex` for consistent calculations.

This commit enhances the flexibility and usability of the indicator system, allowing users to analyze data across various timeframes.

config/indicators/templates/bollinger_bands_template.json

@@ -3,6 +3,7 @@
   "description": "Bollinger Bands volatility indicator",
   "type": "bollinger_bands",
   "display_type": "overlay",
+  "timeframe": null,
   "default_parameters": {
     "period": 20,
     "std_dev": 2.0
@@ -20,7 +21,12 @@
       "min": 0.5,
       "max": 5.0,
       "default": 2.0,
-      "description": "Standard deviation multiplier"
+      "description": "Standard deviation for Bollinger Bands"
+    },
+    "timeframe": {
+      "type": "string",
+      "default": null,
+      "description": "Indicator timeframe (e.g., '1h', '4h'). Null for chart timeframe."
     }
   },
   "default_styling": {

config/indicators/templates/ema_template.json

@@ -3,6 +3,7 @@
   "description": "Exponential Moving Average indicator",
   "type": "ema",
   "display_type": "overlay",
+  "timeframe": null,
   "default_parameters": {
     "period": 12
   },
@@ -13,6 +14,11 @@
       "max": 200,
       "default": 12,
       "description": "Period for EMA calculation"
+    },
+    "timeframe": {
+      "type": "string",
+      "default": null,
+      "description": "Indicator timeframe (e.g., '1h', '4h'). Null for chart timeframe."
     }
   },
   "default_styling": {

config/indicators/templates/macd_template.json

@@ -3,6 +3,7 @@
   "description": "Moving Average Convergence Divergence",
   "type": "macd",
   "display_type": "subplot",
+  "timeframe": null,
   "default_parameters": {
     "fast_period": 12,
     "slow_period": 26,
@@ -28,11 +29,17 @@
       "min": 2,
       "max": 30,
       "default": 9,
-      "description": "Signal line period"
+      "description": "Signal line period for MACD"
+    },
+    "timeframe": {
+      "type": "string",
+      "default": null,
+      "description": "Indicator timeframe (e.g., '1h', '4h'). Null for chart timeframe."
     }
   },
   "default_styling": {
     "color": "#fd7e14",
-    "line_width": 2
+    "line_width": 2,
+    "macd_line_color": "#007bff"
   }
 }

config/indicators/templates/rsi_template.json

@@ -3,6 +3,7 @@
   "description": "RSI oscillator indicator",
   "type": "rsi",
   "display_type": "subplot",
+  "timeframe": null,
   "default_parameters": {
     "period": 14
   },
@@ -13,6 +14,11 @@
       "max": 50,
       "default": 14,
       "description": "Period for RSI calculation"
+    },
+    "timeframe": {
+      "type": "string",
+      "default": null,
+      "description": "Indicator timeframe (e.g., '1h', '4h'). Null for chart timeframe."
     }
   },
   "default_styling": {

config/indicators/templates/sma_template.json

@@ -3,6 +3,7 @@
   "description": "Simple Moving Average indicator",
   "type": "sma",
   "display_type": "overlay",
+  "timeframe": null,
   "default_parameters": {
     "period": 20
   },
@@ -13,6 +14,11 @@
       "max": 200,
       "default": 20,
       "description": "Period for SMA calculation"
+    },
+    "timeframe": {
+      "type": "string",
+      "default": null,
+      "description": "Indicator timeframe (e.g., '1h', '4h'). Null for chart timeframe."
     }
   },
   "default_styling": {