[Select-file Page] Implement Search functionality

The Select-file / shapes page should include a search bar that Searches the shapes based on

1. Title (= SHACL file name)
2. Description (= content of the SHACL files)

The search bar could look like this

an example of search:

The search criteria will be provided to the api in the address {searchkeyword}, the api should return exact match either in the shape title or description.

schema:

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "http://localhost:8080/getAvailableShapes?search={searchkeyword}",
  "title": "Shapes",
  "description": "Returns available shapes",
  "type": "object",
  "shapes":{
    
     "Participants shapes":{ 
        "type": "array",
        items:[
            {"type":"string"} 
        ]
      }
     "Service offering shapes":{
             "type": "array",
        items:[
            {"type":"string"} 
        ]   
      }
     "Resource shapes":{
            "type": "array",
        items:[
            {"type":"string"} 
        ]    
      }
  }
}