Better naming of providers, hooks, and types.

Signed-off-by: Eric Peterson <ericpeterson@spotify.com>

packages/create-app/templates/default-app/packages/app/src/components/Root/Root.tsx

@@ -38,7 +38,7 @@ import {
   SidebarPage,
   SidebarScrollWrapper,
   SidebarSpace,
-  useSidebar,
+  useSidebarOpenState,
 } from '@backstage/core-components';
 import MenuIcon from '@material-ui/icons/Menu';
 import SearchIcon from '@material-ui/icons/Search';
@@ -60,7 +60,7 @@ const useSidebarLogoStyles = makeStyles({
 
 const SidebarLogo = () => {
   const classes = useSidebarLogoStyles();
-  const { isOpen } = useSidebar();
+  const { isOpen } = useSidebarOpenState();
 
   return (
     <div className={classes.root}>