feat: make get color name an action instead of api

apps/web/app/actions.ts

@@ -1,5 +1,21 @@
-"use server";
-import { cookies } from "next/headers";
-export const handleToggleReadability = async (value: string) => {
-  await cookies().set("showReadability", value);
-};
+'use server'
+
+import colorNameList from '@/lib/converted_colors.json'
+import { ColorNames } from '@/types/app'
+import { differenceEuclidean, nearest } from 'culori'
+
+interface ColorNameListWithIndex {
+  [key: string]: string
+}
+
+const indexedColorNameList: ColorNameListWithIndex = colorNameList
+
+export const getColorNames = async (colors: ColorNames) => {
+  const colorKeys = Object.keys(indexedColorNameList)
+  const nearestNamedColors = nearest(colorKeys, differenceEuclidean(), (name) => indexedColorNameList[name])
+  let names = colors.map((color) => {
+    const name = nearestNamedColors(color, 1)
+    return name?.[0]
+  })
+  return names
+}