Refactor: Split Analytics page

Splits the Analytics page into smaller, more manageable components to improve code organization and maintainability.

src/components/analytics/PeriodSelector.tsx

@@ -0,0 +1,39 @@
+
+import React from 'react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+
+interface PeriodSelectorProps {
+  selectedPeriod: string;
+  onPrevPeriod: () => void;
+  onNextPeriod: () => void;
+}
+
+const PeriodSelector: React.FC<PeriodSelectorProps> = ({
+  selectedPeriod,
+  onPrevPeriod,
+  onNextPeriod
+}) => {
+  return (
+    <div className="flex items-center justify-between mb-6">
+      <button 
+        className="neuro-flat p-2 rounded-full"
+        onClick={onPrevPeriod}
+      >
+        <ChevronLeft size={20} />
+      </button>
+      
+      <div className="flex items-center">
+        <span className="font-medium text-lg">{selectedPeriod}</span>
+      </div>
+      
+      <button 
+        className="neuro-flat p-2 rounded-full"
+        onClick={onNextPeriod}
+      >
+        <ChevronRight size={20} />
+      </button>
+    </div>
+  );
+};
+
+export default PeriodSelector;