refactor: centralize ENVIRONMENT constant usage in addMenu and constants

src/components/layout/addMenu.tsx

@@ -1,6 +1,8 @@
 import { Plus } from "lucide-react"
 import Link from "next/link"
 
+import { ENVIRONMENT } from "@/lib/constants"
+
 import { Button } from "../ui/button"
 import {
   DropdownMenu,
@@ -64,10 +66,14 @@ export default function AddMenu() {
             </Link>
           </DropdownMenuItem>
         ))}
-        <DropdownMenuSeparator />
-        <DropdownMenuItem asChild>
-          <ResetButton />
-        </DropdownMenuItem>
+        {ENVIRONMENT === "development" && (
+          <>
+            <DropdownMenuSeparator />
+            <DropdownMenuItem asChild>
+              <ResetButton />
+            </DropdownMenuItem>
+          </>
+        )}
       </DropdownMenuContent>
     </DropdownMenu>
   )

src/lib/constants.ts

@@ -1,7 +1,7 @@
+export const ENVIRONMENT = process.env.NODE_ENV || "development"
+
 export const SITE_URL =
-  process.env.NODE_ENV === "development"
-    ? "http://localhost:3000"
-    : process.env.DOMAIN
+  ENVIRONMENT === "development" ? "http://localhost:3000" : process.env.DOMAIN
 
 export const SIGN_IN_URL = "/login"