chore: use react sdk in the react sample app (#89)

🎫 Ticket: https://linear.app/stream/issue/XYZ-123

📑 Docs: https://github.com/GetStream/docs-content/pull/<id>

### 💡 Overview

### 📝 Implementation notes

Author: isekovanic

packages/react-sdk/package.json

@@ -10,7 +10,7 @@
     }
   },
   "scripts": {
-    "build": "rimraf ./dist && tsc",
+    "build": "rimraf ./dist && rimraf ./.ts && tsc",
     "prepare": "yarn run build",
     "prepack": "cp ../../LICENSE ./LICENSE",
     "postpack": "rimraf ./LICENSE",

sample-apps/react-sample-app/app/components/Activity.tsx

@@ -2,7 +2,7 @@ import {
   ActivityResponse,
   Feed,
   FeedOwnCapability,
-} from '@stream-io/feeds-client';
+} from '@stream-io/feeds-react-sdk';
 import { Reactions } from './reactions/Reactions';
 import { useUserContext } from '../user-context';
 import { useEffect, useRef, useState } from 'react';

sample-apps/react-sample-app/app/components/Feed.tsx

@@ -1,8 +1,8 @@
-import { ActivityResponse, Feed as StreamFeed } from '@stream-io/feeds-client';
+import { ActivityResponse, Feed as StreamFeed } from '@stream-io/feeds-react-sdk';
 import { useState } from 'react';
 import { Activity } from './Activity';
 import { PaginatedList } from './PaginatedList';
-import { useStateStore } from '@stream-io/feeds-client/react-bindings';
+import { useStateStore } from '@stream-io/feeds-react-sdk';
 
 export const Feed = ({ feed }: { feed: StreamFeed }) => {
   const [error, setError] = useState<Error>();

sample-apps/react-sample-app/app/components/FeedList.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { useCallback, useEffect, useState } from 'react';
-import { Feed, FeedState } from '@stream-io/feeds-client';
-import { useStateStore } from '@stream-io/feeds-client/react-bindings';
+import type { Feed, FeedState } from '@stream-io/feeds-react-sdk';
+import { useStateStore } from '@stream-io/feeds-react-sdk';
 import Link from 'next/link';
 
 import { useUserContext } from '../user-context';

sample-apps/react-sample-app/app/components/FeedMenu.tsx

@@ -1,4 +1,4 @@
-import { Feed } from '@stream-io/feeds-client';
+import type { Feed } from '@stream-io/feeds-react-sdk';
 import { useState } from 'react';
 import { useUserContext } from '../user-context';
 

sample-apps/react-sample-app/app/components/FeedMetadata.tsx

@@ -1,10 +1,10 @@
-import { FeedOwnCapability, FeedState, Feed } from '@stream-io/feeds-client';
+import type { FeedOwnCapability, FeedState, Feed } from '@stream-io/feeds-react-sdk';
 import { useRef, useState } from 'react';
 import { LoadingIndicator } from './LoadingIndicator';
 import { FollowRelationships } from './FollowRelationships';
 import { FollowStatusButton } from './FollowStatusButton';
 import { FeedMenu } from './FeedMenu';
-import { useStateStore } from '@stream-io/feeds-client/react-bindings';
+import { useStateStore } from '@stream-io/feeds-react-sdk';
 import { Dialog } from './Dialog';
 
 const selector = ({

sample-apps/react-sample-app/app/components/FollowRelationships.tsx

@@ -1,10 +1,10 @@
 import {
   checkHasAnotherPage,
+  useStateStore,
   Feed,
   FeedState,
   FollowResponse,
-} from '@stream-io/feeds-client';
-import { useStateStore } from '@stream-io/feeds-client/react-bindings';
+} from '@stream-io/feeds-react-sdk';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { PaginatedList } from './PaginatedList';
 

sample-apps/react-sample-app/app/components/FollowStatusButton.tsx

@@ -1,6 +1,6 @@
-import { Feed, FeedState } from '@stream-io/feeds-client';
+import type { Feed, FeedState } from '@stream-io/feeds-react-sdk';
 import { useFeedContext } from '../feed-context';
-import { useStateStore } from '@stream-io/feeds-client/react-bindings';
+import { useStateStore } from '@stream-io/feeds-react-sdk';
 import { useErrorContext } from '../error-context';
 
 const selector = ({ own_follows = [] }: FeedState) => {

sample-apps/react-sample-app/app/components/Header.tsx

@@ -3,13 +3,12 @@ import Link from 'next/link';
 import { useUserContext } from '../user-context';
 import { useRouter } from 'next/navigation';
 import { useMemo, useState } from 'react';
-import { NotificationBell } from './notifications/NotificationBell';
 import {
   ActivitySearchSource,
   FeedSearchSource,
   SearchController,
   UserSearchSource,
-} from '@stream-io/feeds-client';
+} from '@stream-io/feeds-react-sdk';
 import { Search } from './Search';
 
 export function Header() {

sample-apps/react-sample-app/app/components/NewActivity.tsx

@@ -1,9 +1,8 @@
-import { Feed, FeedState, isImageFile } from '@stream-io/feeds-client';
+import { Feed, FeedState, isImageFile, useStateStore } from '@stream-io/feeds-react-sdk';
 import { useErrorContext } from '../error-context';
 import { FormEvent, useState } from 'react';
 import { ActivityComposer } from './ActivityComposer';
 import { LoadingIndicator } from './LoadingIndicator';
-import { useStateStore } from '@stream-io/feeds-client/react-bindings';
 import { useUserContext } from '../user-context';
 
 const selector = ({ own_capabilities = [] }: FeedState) => ({