[Glitch] Update Profile Featured tab to latest designs

Port 05bed6f3d8 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

app/javascript/flavours/glitch/features/collections/components/collection_list_item.module.scss

@@ -1,8 +1,7 @@
 .wrapper {
   display: flex;
   align-items: start;
-  margin-inline: 24px;
-  padding-block: 12px;
+  padding: 12px 16px;
   gap: 16px;
 
   &:not(.wrapperWithoutBorder) {

app/javascript/flavours/glitch/features/collections/components/collection_list_item.tsx

@@ -5,6 +5,7 @@ import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
 import { Link } from 'react-router-dom';
 
+import { CollectionMenu } from '@/flavours/glitch/features/collections/components/collection_menu';
 import WarningIcon from '@/material-icons/400-24px/warning.svg?react';
 import type { ApiCollectionJSON } from 'flavours/glitch/api_types/collections';
 import { AvatarById } from 'flavours/glitch/components/avatar';
@@ -15,7 +16,6 @@ import { useAccount } from 'flavours/glitch/hooks/useAccount';
 import { domain } from 'flavours/glitch/initial_state';
 
 import classes from './collection_list_item.module.scss';
-import { CollectionMenu } from './collection_menu';
 
 export const AvatarGrid: React.FC<{
   accountIds: (string | undefined)[];

app/javascript/flavours/glitch/features/collections/components/share_modal.tsx

@@ -20,7 +20,8 @@ import {
 } from 'flavours/glitch/components/modal_shell';
 import { useAppDispatch } from 'flavours/glitch/store';
 
-import { AuthorNote } from '.';
+import { AuthorNote } from '../detail';
+
 import classes from './share_modal.module.scss';
 
 const messages = defineMessages({

app/javascript/flavours/glitch/features/collections/detail/index.tsx

@@ -23,8 +23,9 @@ import { domain, me } from 'flavours/glitch/initial_state';
 import { fetchCollection } from 'flavours/glitch/reducers/slices/collections';
 import { useAppDispatch, useAppSelector } from 'flavours/glitch/store';
 
+import { CollectionMenu } from '../components/collection_menu';
+
 import { CollectionAccountsList } from './accounts_list';
-import { CollectionMenu } from './collection_menu';
 import { useConfirmRevoke } from './revoke_collection_inclusion_modal';
 import classes from './styles.module.scss';
 
@@ -66,7 +67,7 @@ export const AuthorNote: React.FC<{ id: string }> = ({ id }) => {
   );
 };
 
-export const RevokeControls: React.FC<{
+const RevokeControls: React.FC<{
   collection: ApiCollectionJSON;
 }> = ({ collection }) => {
   const authorAccount = useAccount(collection.account_id);

app/javascript/flavours/glitch/features/collections/index.tsx

@@ -21,7 +21,7 @@ import {
 } from 'flavours/glitch/reducers/slices/collections';
 import { useAppSelector, useAppDispatch } from 'flavours/glitch/store';
 
-import { CollectionListItem } from './detail/collection_list_item';
+import { CollectionListItem } from './components/collection_list_item';
 import { messages as editorMessages } from './editor';
 
 const messages = defineMessages({