feat(messages): add animations (#31)

pages/application/[guildId]/[channelId]/index.tsx

@@ -1,22 +1,20 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 
 import { Head } from '../../../../components/Head'
 import { Application } from '../../../../components/Application'
 import { Messages } from '../../../../components/Application/Messages'
 import { SendMessage } from '../../../../components/Application/SendMessage'
+import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../../../tools/authentication'
-import {
-  GuildMember,
-  GuildMemberProvider
-} from '../../../../contexts/GuildMember'
+import type { GuildMember } from '../../../../contexts/GuildMember'
+import { GuildMemberProvider } from '../../../../contexts/GuildMember'
 import { GuildLeftSidebar } from '../../../../components/Application/GuildLeftSidebar'
 import { ChannelsProvider } from '../../../../contexts/Channels'
 import { GuildsProvider } from '../../../../contexts/Guilds'
-import { Channel } from '../../../../models/Channel'
+import type { Channel } from '../../../../models/Channel'
 import { MessagesProvider } from '../../../../contexts/Messages'
 import { MembersProviders } from '../../../../contexts/Members'
 

pages/application/[guildId]/[channelId]/settings.tsx

@@ -1,21 +1,19 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 
 import { Head } from '../../../../components/Head'
 import { Application } from '../../../../components/Application'
+import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../../../tools/authentication'
-import {
-  GuildMember,
-  GuildMemberProvider
-} from '../../../../contexts/GuildMember'
+import type { GuildMember } from '../../../../contexts/GuildMember'
+import { GuildMemberProvider } from '../../../../contexts/GuildMember'
 import { GuildLeftSidebar } from '../../../../components/Application/GuildLeftSidebar'
 import { ChannelSettings } from '../../../../components/Application/ChannelSettings'
 import { ChannelsProvider } from '../../../../contexts/Channels'
 import { GuildsProvider } from '../../../../contexts/Guilds'
-import { Channel } from '../../../../models/Channel'
+import type { Channel } from '../../../../models/Channel'
 import { MembersProviders } from '../../../../contexts/Members'
 
 export interface ChannelSettingsPageProps extends PagePropsWithAuthentication {

pages/application/[guildId]/channels/create.tsx

@@ -1,19 +1,17 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 import useTranslation from 'next-translate/useTranslation'
 
 import { Head } from '../../../../components/Head'
 import { Application } from '../../../../components/Application'
+import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../../../tools/authentication'
 import { CreateChannel } from '../../../../components/Application/CreateChannel'
 import { GuildsProvider } from '../../../../contexts/Guilds'
-import {
-  GuildMember,
-  GuildMemberProvider
-} from '../../../../contexts/GuildMember'
+import type { GuildMember } from '../../../../contexts/GuildMember'
+import { GuildMemberProvider } from '../../../../contexts/GuildMember'
 
 export interface CreateChannelPageProps extends PagePropsWithAuthentication {
   guildId: number

pages/application/[guildId]/settings.tsx

@@ -1,14 +1,15 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 import useTranslation from 'next-translate/useTranslation'
 
 import { Head } from '../../../components/Head'
 import { Application } from '../../../components/Application'
+import type { PagePropsWithAuthentication } from '../../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../../tools/authentication'
-import { GuildMember, GuildMemberProvider } from '../../../contexts/GuildMember'
+import type { GuildMember } from '../../../contexts/GuildMember'
+import { GuildMemberProvider } from '../../../contexts/GuildMember'
 import { GuildsProvider } from '../../../contexts/Guilds'
 import { GuildSettings } from '../../../components/Application/GuildSettings'
 

pages/application/guilds/create.tsx

@@ -1,12 +1,12 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 import useTranslation from 'next-translate/useTranslation'
 
 import { Head } from '../../../components/Head'
 import { Application } from '../../../components/Application'
+import type { PagePropsWithAuthentication } from '../../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../../tools/authentication'
 import { CreateGuild } from '../../../components/Application/CreateGuild'
 import { GuildsProvider } from '../../../contexts/Guilds'

pages/application/guilds/join.tsx

@@ -1,12 +1,12 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 import useTranslation from 'next-translate/useTranslation'
 
 import { Head } from '../../../components/Head'
 import { Application } from '../../../components/Application'
+import type { PagePropsWithAuthentication } from '../../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../../tools/authentication'
 import { JoinGuildsPublic } from '../../../components/Application/JoinGuildsPublic'
 import { GuildsProvider } from '../../../contexts/Guilds'

pages/application/index.tsx

@@ -1,12 +1,12 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 
 import { Head } from '../../components/Head'
 import { Application } from '../../components/Application'
 import { PopupGuild } from '../../components/Application/PopupGuild'
+import type { PagePropsWithAuthentication } from '../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../tools/authentication'
 import { GuildsProvider } from '../../contexts/Guilds'
 

pages/application/users/[userId]/index.tsx

@@ -1,16 +1,16 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 
 import { Head } from '../../../../components/Head'
 import { Application } from '../../../../components/Application'
+import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../../../tools/authentication'
 import { UserProfile } from '../../../../components/Application/UserProfile'
 import { GuildsProvider } from '../../../../contexts/Guilds'
-import { UserPublic } from '../../../../models/User'
-import { Guild } from '../../../../models/Guild'
+import type { UserPublic } from '../../../../models/User'
+import type { Guild } from '../../../../models/Guild'
 
 export interface UserProfilePageProps extends PagePropsWithAuthentication {
   user: UserPublic

pages/application/users/settings.tsx

@@ -1,12 +1,12 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
 import useTranslation from 'next-translate/useTranslation'
 
 import { Head } from '../../../components/Head'
 import { Application } from '../../../components/Application'
+import type { PagePropsWithAuthentication } from '../../../tools/authentication'
 import {
   authenticationFromServerSide,
-  AuthenticationProvider,
-  PagePropsWithAuthentication
+  AuthenticationProvider
 } from '../../../tools/authentication'
 import { UserSettings } from '../../../components/Application/UserSettings'
 import { GuildsProvider } from '../../../contexts/Guilds'