ScrollTopButton: swap out legacy Icon for UI Icon

src/components/scroll-top-button.tsx

@@ -3,8 +3,7 @@ import throttle from 'lodash/throttle';
 import React, { useState, useEffect, useCallback } from 'react';
 import { useIntl, MessageDescriptor } from 'react-intl';
 
-import Icon from 'soapbox/components/icon';
+import { Icon, Text } from 'soapbox/components/ui';
-import { Text } from 'soapbox/components/ui';
 import { useSettings } from 'soapbox/hooks';
 
 interface IScrollTopButton {
@@ -87,7 +86,10 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
         className='flex cursor-pointer items-center space-x-1.5 whitespace-nowrap rounded-full bg-primary-600 px-4 py-2 text-white transition-transform hover:scale-105 hover:bg-primary-700 active:scale-100'
         onClick={handleClick}
       >
-        <Icon src={require('@tabler/icons/arrow-bar-to-up.svg')} />
+        <Icon
+          className='h-4 w-4'
+          src={require('@tabler/icons/arrow-bar-to-up.svg')}
+        />
 
         {(count > 0) && (
           <Text theme='inherit' size='sm'>