⚡️ refactor: Optimize Rendering Performance for Icons, Conversations (#5234)

* refactor: HoverButtons and Fork components to use explicit props

* refactor: improve typing for Fork Component

* fix: memoize SpecIcon to avoid unnecessary re-renders

* feat: introduce URLIcon component and update SpecIcon for improved icon handling

* WIP: optimizing icons

* refactor: simplify modelLabel assignment in Message components

* refactor: memoize ConvoOptions component to optimize rendering performance

client/src/hooks/useGenerationsByLatest.ts

@@ -1,28 +1,28 @@
-import type { TMessage } from 'librechat-data-provider';
 import { EModelEndpoint, isAssistantsEndpoint } from 'librechat-data-provider';
 
 type TUseGenerations = {
+  error?: boolean;
   endpoint?: string;
-  message?: TMessage;
-  isSubmitting: boolean;
+  messageId?: string;
   isEditing?: boolean;
-  latestMessage: TMessage | null;
+  isSubmitting: boolean;
+  searchResult?: boolean;
+  finish_reason?: string;
+  latestMessageId?: string;
+  isCreatedByUser?: boolean;
 };
 
 export default function useGenerationsByLatest({
+  error = false,
   endpoint,
-  message,
-  isSubmitting,
+  messageId,
   isEditing = false,
-  latestMessage,
+  isSubmitting,
+  searchResult = false,
+  finish_reason = '',
+  latestMessageId,
+  isCreatedByUser = false,
 }: TUseGenerations) {
-  const {
-    messageId,
-    searchResult = false,
-    error = false,
-    finish_reason = '',
-    isCreatedByUser = false,
-  } = message ?? {};
   const isEditableEndpoint = Boolean(
     [
       EModelEndpoint.openAI,
@@ -37,7 +37,7 @@ export default function useGenerationsByLatest({
   );
 
   const continueSupported =
-    latestMessage?.messageId === messageId &&
+    latestMessageId === messageId &&
     finish_reason &&
     finish_reason !== 'stop' &&
     !isEditing &&