Add settings button to sidebar (#3135)

* Add settings button to UI

* Add changeset

* Fix prettier issues

* Remove user SidebarItem

* Fix tsc error

.changeset/nice-candles-argue.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-user-settings': minor
+---
+
+Add settings button to sidebar

plugins/user-settings/src/components/Settings.tsx

@@ -16,19 +16,15 @@
 
 import React from 'react';
 import { SidebarItem } from '@backstage/core';
-import { SignInAvatar } from './General';
-import { useUserProfile } from './useUserProfileInfo';
+import SettingsIcon from '@material-ui/icons/Settings';
 import { settingsRouteRef } from '../plugin';
 
 export const Settings = () => {
-  const { displayName } = useUserProfile();
-  const SidebarAvatar = () => <SignInAvatar />;
-
   return (
     <SidebarItem
-      text={displayName}
+      text="Settings"
       to={settingsRouteRef.path}
-      icon={SidebarAvatar}
+      icon={SettingsIcon}
     />
   );
 };