# FriendRequestCard Component

The `FriendRequestCard` component is a reusable React component that renders a card displaying information about a friend request. It takes in several props:

- `user`: an object representing the user who sent the friend request. It has the following properties:
  - `id`: a unique identifier for the user
  - `profileImage`: a URL pointing to the user's profile image
  - `profileName`: the user's full name
  - `userName`: the user's username
- `count`: an integer representing the number of friend requests the user has received. This prop is optional and is only used when the card is being displayed in a list of friend requests.
- `seeAll`: a callback function that is called when the user clicks the "See All" button. This prop is optional and is only used when the card is being displayed in a list of friend requests.
- `showCountAndSeeAllButtons`: a boolean indicating whether the "count" and "see all" buttons should be displayed. This prop is optional and is only used when the card is being displayed in a list of friend requests.
- `showAcceptDeclineButtons`: a boolean indicating whether the "accept" and "decline" buttons should be displayed. This prop is optional and is only used when the card is being displayed individually (i.e., not in a list of friend requests).
- `onAdd`: a callback function that is called when the user clicks the "Accept" button. It takes in the `user` object as an argument.
- `onDecline`: a callback function that is called when the user clicks the "Decline" button. It takes in the `user` object as an argument.

## Usage

```jsx
import FriendRequestCard from "./FriendRequestCard";

const user = {
  id: 1,
  profileImage: "https://via.placeholder.com/50",
  profileName: "John Doe",
  userName: "@johndoe",
};

const handleAdd = (user) => {
  //console.log("Accepted:", user);
};

const handleDecline = (user) => {
  //console.log("Declined:", user);
};

const Example = () => {
  return (
    <FriendRequestCard
      user={user}
      count={3}
      seeAll={() => //console.log("See all clicked")}
      showCountAndSeeAllButtons={true}
      showAcceptDeclineButtons={false}
      onAdd={handleAdd}
      onDecline={handleDecline}
    />
  );
};
```
