Added more validation to check is user authorized

frontend/src/containers/UserGallery/UserGallery.tsx

@@ -40,7 +40,7 @@ export const UserGallery: React.FunctionComponent = (): React.ReactElement => {
 
     const {photosByUser, targetedUser} = useSelector((state: AppState) => state.photos, shallowEqual)
 
-    const {user} = useSelector((state: AppState) => state.users, shallowEqual)
+    const {user, isAuth} = useSelector((state: AppState) => state.users, shallowEqual)
 
     const navigate = useNavigate()
 
@@ -102,8 +102,8 @@ export const UserGallery: React.FunctionComponent = (): React.ReactElement => {
                 </Fade>
             </Modal>
             <div style={{display: 'flex', justifyContent: 'space-between', alignItems: 'center'}}>
-            <h1>{targetedUser._id === user?._id ? 'This is your gallery' : `${targetedUser.username}'s gallery`}</h1>
-                {targetedUser._id === user?._id ?   
+            <h1>{ isAuth && targetedUser._id === user?._id ? 'This is your gallery' : `${targetedUser.username}'s gallery`}</h1>
+                {isAuth && targetedUser._id === user?._id ?   
                 <Button variant="contained" size='medium' onClick={goToAddForm}>
                     Add Photo
                 </Button> : null}