There is almost certainly a better way to do this with CSS
As you have not had a reply after a couple of weeks I quickly looked for something for you to try. All I have done is use the development tools in Joplin to find a couple of CSS selectors that appear to work.
Put the below in your <home>/.config/joplin-desktop/userchrome.css file and fully restart Joplin (File > Quit).
div.resizableLayoutItem.rli-sideBar > div > div > div:nth-child(2),
div.sidebar-header-container {
display: none;
}
I have assumed that you do not have any tags. If you do, ensure that the TAGS section is rolled up before you apply the css.
For me the TAGS and the sync area both disappear. I haven't had any time to test this. If things start displaying in an odd way as you use Joplin it has not broken your install. Just delete the above css from the userchrome.css file and fully restart Joplin.
A brief intro to how I found these selectors can be found here: