Add Grok API to Current AI Platform + LLM Integration

Our infrastructure is built with Lang Chain and we need to add grok api to our current AI chat platform.

The Scope of Work is:
1. Integrating a New LLM
The integration of a new LLM requires a robust approach to handle key components:

Streaming Response
- Implement real-time streaming of responses to ensure a dynamic and interactive user experience.
- Optimize for low-latency data transmission.

Token Consumption
- Monitor and manage token limits to ensure cost-effective usage.
- Add dynamic cost calculations based on token usage.

Response Mechanism
- Build a flexible mechanism for parsing and displaying responses from the model.
- Support different response formats (text, code, tables, or structured data).

Frontend Integration
- Integrate the LLM with the front end, ensuring smooth interactions such as user inputs and real-time response displays.
- Incorporate UI elements like loading indicators and pagination for chat history.

Edit, Update, and Delete Chat
- Enable users to edit, update, or delete chat messages.
- Ensure changes are synchronized with the backend and do not disrupt session continuity.

Subscription Management
- Ensure the LLM is integrated under a subscription model.
- Handle tier-based restrictions, usage tracking, and token limits based on subscription plans