Validation for special characters in search bar input

[Naseem77]

Title: Validation for Special Characters in Search Bar Input

Description:
The search bar currently does not validate special characters on the frontend. While the backend correctly validates and rejects input containing invalid characters (e.g., %, *, (, ), -, [, ], {, }, ;, :, ", |, ~), this causes unnecessary server requests

Steps to Reproduce:

1. Navigate to the code graph home page
2. Select a graph
3. Enter any of the following special characters: %, *, (, ), -, [, ], {, }, ;, :, ", |, ~.
4. Observe:
   The invalid input is sent to the server.
   The server responds with a 400 Bad Request error.

Expected Behavior:
The application should validate the input on the frontend before sending it to the server.