Implementing Agolia search into custom block

Hi,

I am trying to implement Algolia into a custom code block in Softr, to finally get a better search experience for my records.

Using ChatGPT I got a basic version to work with, but I was wondering if anyone did this successfully and on brand (meaning looking similar to the Softr List Blocks)?

I don’t quite understand how to adopt the code from Agolia to work in one HTML file // the custom block.

Any help and guidance is appreciated. Many thanks!

PS: A native Agolia <> Softr Integration would be a game changer!