Use Tree Style Tabs Instead of the Default Tab Bar in Firefox

UPDATE: Firefox has added this in version 136, check this post, and ignore what’s below lol.

First install Tree Style Tab plugin.

Now for the tab hiding part:

1. Go to your profile directory, directory’s path can be found by going to about:support and open the Profile Directory
2. Create a directory called chrome
3. Create a file called userChrome.css
4. Put these in the file

#TabsToolbar {
  visibility: collapse;
}

1. Go to about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to true
2. Restart Firefox to see the changes