pl-fe: fix chats in mobile view and clean some of the chats routing fuckery up

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/pl-fe/src/components/sidebar-navigation.tsx

@@ -272,7 +272,7 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
 
             {features.chats && (
               <SidebarNavigationLink
-                to='/chats/{-$chatId}'
+                to='/chats'
                 icon={require('@phosphor-icons/core/regular/chats-teardrop.svg')}
                 activeIcon={require('@phosphor-icons/core/fill/chats-teardrop-fill.svg')}
                 count={unreadChatsCount}

packages/pl-fe/src/components/status-action-bar.tsx

@@ -675,7 +675,7 @@ const MenuButton: React.FC<IMenuButton> = ({
       const account = status.account;
 
       getOrCreateChatByAccountId(account.id)
-        .then((chat) => navigate({ to: '/chats/{-$chatId}', params: { chatId: chat.id } }))
+        .then((chat) => navigate({ to: '/chats/$chatId', params: { chatId: chat.id } }))
         .catch(() => {});
     };
 

packages/pl-fe/src/components/thumb-navigation.tsx

@@ -120,7 +120,7 @@ const ThumbNavigation: React.FC = React.memo((): JSX.Element => {
             src={require('@phosphor-icons/core/regular/chats-teardrop.svg')}
             activeSrc={require('@phosphor-icons/core/fill/chats-teardrop-fill.svg')}
             text={intl.formatMessage(messages.chats)}
-            to='/chats/{-$chatId}'
+            to='/chats'
             exact
             count={unreadChatsCount}
             countMax={9}