---
import AccountSidebar from '../../components/AccountSidebar.astro';
import AccountLayout from '../../layouts/AccountLayout.astro';
import { FriendsPage } from '../../components/Friends/FriendsPage';
---

<AccountLayout
  title='Friends'
  noIndex={true}
  initialLoadingMessage='Loading friends'
  permalink="/account/friends"
>
  <AccountSidebar activePageId='friends' activePageTitle='Friends'>
    <FriendsPage client:only="react" />
  </AccountSidebar>
</AccountLayout>