Your task is to review pull requests. Instructions:
- Provide the response in following JSON format: {"reviews": [{"line": <line_number>, "body": "<review comment>"}]}
- Do not give positive comments or compliments.
- Provide comments and suggestions ONLY if there is something to improve, otherwise "reviews" should be an empty array.
- Write the comment in GitHub Markdown format.
- Use the given description only for the overall context and only comment the code.
- IMPORTANT: NEVER suggest adding comments to the code.

Review the following code diff in the file "g4f/gui/server/website.py" and take the pull request title and description into account when writing the response.
  
Pull request title: Add new provider, enhance functionality, and update docs
Pull request description:
---
## # New provider added
   - **g4f/Provider/GizAI.py**
      - **Text generation:** `gemini-flash, gemini-pro, gpt-4o-mini, gpt-4o, claude-3.5-sonnet, claude-3-haiku, llama-3.1-70b, llama-3.1-8b, mistral-large`
      - **Image generation:** `sdxl, sd-1.5, sd-3.5, flux-schnell`
---



## G4F update
## # New feature added to G4F for anthropics
**(g4f/client/client.py): add system prompt support**
   - Enhance the Completions class by adding support for system prompts
      - Introduce a 'system' parameter to the create and async_create methods
      - Prepend the system message to the user messages if provided

> This change improves flexibility and aligns with best practices seen in APIs like Anthropic's, allowing better management of system-level instructions.

> **Reference:** [docs.anthropic](https://docs.anthropic.com/en/docs/build-with-claude/prompt-engineering/system-prompts#financial-analysis-without-role-prompting)


**Sample use of the new feature:**
**G4F Client**
```python
from g4f.client import Client

client = Client()

response = client.chat.completions.create(
    system="You are a helpful assistant.",
    model="gpt-3.5-turbo",
    messages=[
        {
            "role": "user",
            "content": "Say this is a test"
        }
    ]
    # Add any other necessary parameters
)

print(response.choices[0].message.content)
```

**G4F async client**
```python
import asyncio
from g4f.client import Client

async def main():
    client = Client()
    
    response = await client.chat.completions.async_create(
        system="You are a helpful assistant.", # <-- role prompt
        model="gpt-3.5-turbo",
        messages=[
            {
                "role": "user",
                "content": "Say this is a test"
            }
        ]
    )
    
    print(response.choices[0].message.content)

asyncio.run(main())
```


---
## # New feature added to Images Album G4F-GUI

**(g4f/gui/server/api.py): enhance image handling and directory management**
   - Enhance image handling functionalities and ensure image directory exists
      - Add ensure_images_dir function to create image directory if it doesn't exist
      - Modify serve_images and _copy_images methods to use ensure_images_dir
      - Remove unnecessary imports to clean up code
      - Update typing annotations to improve type safety

> This ensures that the directory for storing images is always present and improves code readability and maintainability.
---
**(g4f/gui/server/backend.py): add route to list generated images**
   - Introduce a new endpoint `/images` to list all generated images
   - Implement `get_images` method to retrieve and return image paths as JSON
   - Update `serve_images` method to serve images from the `./generated_images` directory
   - Enhance route registration to include the new `/images` endpoint

> This addition provides a way to dynamically list and access generated images via the API.
---
**(g4f/gui/server/website.py): add redirect for /images/ endpoint**
   - Add a new route '/images/' to the website routes configuration
      - The new route redirects to the home page similar to other routes
      - Supports both GET and POST methods

> This change ensures consistency in route management and better handles potential future expansion for the '/images/' endpoint.
---
**(g4f/gui/client/index.html): add image album and enhance model/provider options**
   - Added "Images Album" button in the bottom_buttons section for easier access to image-related functionalities.
   - Enhanced model selection options by adding new models such as gpt-4o, gpt-4o-mini, llama-3.1-405b, mixtral-8x7b, gemini-flash, claude-3-haiku, and claude-3.5-sonnet.
   - Enhanced provider selection options by adding new providers such as DeepInfraChat, ReplicateHome, Blackbox, HuggingChat, DDG, and Pizzagpt.
   - Introduced an image modal with navigation controls for better image viewing experience.

> These changes improve the user interface by adding new functionalities and expanding the available options for models and providers.
---
**(g4f/gui/client/static/css/style.css): add image modal and navigation controls**
   - Implemented a modal for displaying images in larger view with navigation controls.
      - Added styles for album images, modal, and navigation buttons.
      - Included close button and image counter within the modal.
      - Updated the blink animation for better visual feedback.
---
**(g4f/gui/client/static/js/chat.v1.js): add image album functionality**
   - Implement functionality to load, display, and navigate through images
      - Fetch images from the server and display them in the album
      - Add modal to view images in a larger format with zoom functionality
      - Allow navigation between images using arrow keys and buttons

**Changes:**
   - Added `loadImages`, `displayImages`, `openImageModal`, and navigation functions
   - Modified event listeners for image inputs and modal interactions
   - Updated CSS classes for hidden states and image styling
---


## # G4F improvements
**(g4f/api/__init__.py): refactor API structure and improve async handling**
   - Updated `create_app` to accept an optional `g4f_api_key` parameter.
   - Refactored `ChatCompletionsForm` to `ChatCompletionsConfig` and `ImagesGenerateForm` to `ImageGenerationConfig`.
   - Improved async handling for `chat_completions` and `generate_image` endpoints.
   - Added type hints for better readability and maintainability.
   - Updated routes to include `/v1/images/generate`.
   - Enhanced error handling and logging.
   - Introduced global `list_ignored_providers` and related setter method.

> Breaking change: Some API endpoints and request/response formats have been modified.
> https://github.com/xtekky/gpt4free/issues/2222#issue-2521995710
---
**(g4f/models.py): add new provider GizAI and update best providers**
   Add GizAI as a new provider for various models and update best provider lists
      - Add GizAI to the imports and update best provider lists for several models
      - Update `default` model's best providers
      - Adjust `gpt-4o`, `gpt-4o-mini`, `gpt-4`, `o1-mini`, `llama-3.1-8b`, `llama-3.1-70b`, `mistral-large`, `claude-3-haiku`, `claude-3.5-sonnet`, `gemini-pro`, `gemini-flash`, `sd-1.5`, `sd-3.5`, and `flux-schnell` to include GizAI

> Breaking change: Best provider logic updated to include new provider
---



## # Updating documentation and improving G4F
**(README.md): update README with badges and links**
   - Add new badges for commits, issues, and license at the top for improved visibility
   - Enhance author attribution with centered formatting
   - Correct various internal links within the Table of Contents
   - Fix broken link to the Interference API documentation
   - Adjust formatting for better readability and consistency throughout the file
   
   - Correct typo in the "Latest version" note and update internal links
      - Fix "Lastet" to "Latest" in the version note section
      - Update "Installation Guide for Windows (.exe)" link in the What's New section
      - Update link formats for internal references and external URLs
---
**(docs/async_client.md): update guide with Anthropic compatibility and improved chat completions example**
   - Add compatibility note for Anthropic API
   - Introduce new section for creating chat completions with an improved example
   - Update table of contents to include new section

> This update enhances the guide by providing clearer instructions for developers familiar with the OpenAI and Anthropic interfaces, making the transition to G4F smoother. The improved example helps developers understand how to create chat completions more effectively.
---
**(docs/client.md): update G4F Client API guide**
   - Update the G4F Client API guide to include new sections and examples:
      - Added section `Creating Chat Completions`
      - Improved example for creating chat completions with system message
      - Updated `Introduction` to mention Anthropic client compatibility
      - Minor text and format adjustments for clarity and completeness
---
**(docs/interference-api.md): update Interference API usage guide**
   - Enhance the Interference API usage guide with detailed instructions and examples for better clarity and usability.
      - Added sections for "Using the Interference API" and "Basic Usage"
      - Introduced example curl commands for text and image generation
      - Updated existing examples with improved formatting and explanations
      - Included a "Conclusion" section to summarize the guide's content
      - Defined how to run the API from both PyPI and the repository more clearly

> These updates aim to provide a more comprehensive and user-friendly guide for integrating G4F with OpenAI-based applications.
---

---

Each line is prefixed by its number. Code to review:
```
27:                 'function': redirect_home,
28:                 'methods': ['GET', 'POST']
29:             },
30:+            '/images/': {
31:+                'function': redirect_home,
32:+                'methods': ['GET', 'POST']
33:+            },
34:         }
35: 
36:     def _chat(self, conversation_id):
39:         return render_template('index.html', chat_id=conversation_id)
40: 
41:     def _index(self):
-        return render_template('index.html', chat_id=str(uuid.uuid4()))
```