style(sns): move friends count to contact header

src/components/Sns/SnsFilterPanel.tsx

@@ -22,6 +22,7 @@ interface SnsFilterPanelProps {
     setSearchKeyword: (val: string) => void
     jumpTargetDate?: Date
     setJumpTargetDate: (date?: Date) => void
+    totalFriendsLabel?: string
     selectedUsernames: string[]
     setSelectedUsernames: (val: string[]) => void
     contacts: Contact[]
@@ -36,6 +37,7 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
     setSearchKeyword,
     jumpTargetDate,
     setJumpTargetDate,
+    totalFriendsLabel,
     selectedUsernames,
     setSelectedUsernames,
     contacts,
@@ -270,6 +272,9 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
                         {selectedUsernames.length > 0 && (
                             <span className="badge">{selectedUsernames.length}</span>
                         )}
+                        {totalFriendsLabel && (
+                            <span className="widget-header-summary">{totalFriendsLabel}</span>
+                        )}
                     </div>
 
                     <div className="contact-search-bar">