chore: add prettier with config and format all files

web/components/TimeRangeSelector.tsx

@@ -11,7 +11,7 @@ export default function TimeRangeSelector() {
   return (
     <div className="flex items-center gap-3 flex-wrap">
       <div className="flex rounded overflow-hidden border border-gray-700">
-        {RANGES.map(r => (
+        {RANGES.map((r) => (
           <button
             key={r}
             onClick={() => setTimeRange(r)}
@@ -27,7 +27,7 @@ export default function TimeRangeSelector() {
       </div>
 
       <div className="flex rounded overflow-hidden border border-gray-700">
-        {(['real', 'tick'] as TimeMode[]).map(m => (
+        {(['real', 'tick'] as TimeMode[]).map((m) => (
           <button
             key={m}
             onClick={() => setTimeMode(m)}
@@ -43,4 +43,4 @@ export default function TimeRangeSelector() {
       </div>
     </div>
   );
-}
+}