FlexSearch on Main Menu,logo positon and TOC on Blog Post

[ghost]

Thanks for your hard work to make an awesome theme called "Doks". I really like it!

Locally I am trying to customize and i am stuck at following 3 things:

1. Getting the FlexSearch box to prepending with social icons of the main menu and index all blog posts. Tried to modify the index.js, but perhaps i am not doing it right way.
2. I have a logo with the size of 512x512 which I want to prepend with Title in the main menu, for example "Logo.png Blog Name". I have tried to modify header.html but not getting the right size. The main menu bar is overflowing.
3. I want to display the TableofContents for blog post too. How?

Can you please help me to sort it out? :)

 I see the theme works fine without NPM. But unfortunately, the search box not working after modifying the menus in params.toml(Perhaps it is not indexing). It would be nice if you give me a hint on this too.

Sorry for lots of questions, I am completely new to the hugo!

Update:
Seems logo issue can be fixed with something like:

<img src="/logo-doks.png" width="30" height="30">

Still i have issue with FlexSearch(I want to do exactly like this: https://h-enk.github.io/doks-gh-pages/) and TableOfContents for blog post.