feat: add logs

src/app/_components/layout/navigation/menu/index.tsx

@@ -15,6 +15,8 @@ const LazyMenuContent = dynamic(async (): Promise<{ default: ComponentType<MenuC
 }));
 
 export const Menu = (): ReactNode => {
+    console.debug("Rendering Menu.");
+
     const {
         value: isOpened,
         setTrue: handleOpen,

src/app/_services/get-definitions-sample.ts

@@ -95,6 +95,8 @@ const getDefinitionDocumentsId = async (): Promise<Array<ObjectId>> => {
 };
 
 const getDefinitionsSample = async (): Promise<Array<Definition>> => {
+    console.debug("Calling getDefinitionsSample.");
+
     const database: Db = await getDatabase();
     const collection: Collection<WordDocument> = database.collection("words");
 

src/app/api/words/reactions/get-reactions.ts

@@ -7,6 +7,8 @@ import { safeInOperator } from "~/utils/api/aggregation/safe-in-operator";
 import { safeSizeOperator } from "~/utils/api/aggregation/safe-size-operator";
 
 export const getReactions = async (definitionIds: Array<string>, ip: string | undefined = ""): Promise<Array<Reactions>> => {
+    console.debug("Calling getReactions.");
+
     const database: Db = await getDatabase();
     const collection: Collection<WordDocument> = database.collection("words");
 

src/app/page.tsx

@@ -8,6 +8,8 @@ import { cachedGetDefinitionsSample } from "./_services/get-definitions-sample";
 export const revalidate: number = 86400; // Revalidate every day.
 
 const Page = async (): Promise<ReactElement> => {
+    console.debug("Rendering /.");
+
     const words: Array<Definition> = await cachedGetDefinitionsSample();
 
     return (

src/components/definition/reactions/index.tsx

@@ -12,6 +12,8 @@ interface Props {
 }
 
 export const Reactions = ({ definitionId }: Props): ReactNode => {
+    console.debug("Rendering Reactions.");
+
     const {
         likes,
         isLiked,