feat: new tooltip

src/context/status-provider.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { ReactNode, useState } from "react";
 import { Status, StatusContext } from "./status-context";
 

src/context/tooltip-context.ts

@@ -0,0 +1,20 @@
+import { createContext } from "react";
+
+export interface TooltipData {
+  centroid: [number, number];
+  country: string;
+  count: number;
+  servers: Array<{
+    name: string;
+    status: boolean;
+  }>;
+}
+
+interface TooltipContextType {
+  tooltipData: TooltipData | null;
+  setTooltipData: (data: TooltipData | null) => void;
+}
+
+export const TooltipContext = createContext<TooltipContextType | undefined>(
+  undefined,
+);

src/context/tooltip-provider.tsx

@@ -0,0 +1,12 @@
+import { ReactNode, useState } from "react";
+import { TooltipContext, TooltipData } from "./tooltip-context";
+
+export function TooltipProvider({ children }: { children: ReactNode }) {
+  const [tooltipData, setTooltipData] = useState<TooltipData | null>(null);
+
+  return (
+    <TooltipContext.Provider value={{ tooltipData, setTooltipData }}>
+      {children}
+    </TooltipContext.Provider>
+  );
+}