fix: replace twitter logo

this just adds a bird icon

apps/phone/src/apps/twitter/components/TwitterTitle.tsx

@@ -1,12 +1,9 @@
-import React from 'react';
-import Paper from '@mui/material/Paper';
-import { styled } from '@mui/material';
-import { Twitter } from 'lucide-react';
+import { Bird } from 'lucide-react';
 
 export function LifeInvaderTitle() {
   return (
     <div className='h-[50px] w-full flex nowrap flex-row justify-center items-center bg-neutral-700 rounded border border-neutral-600'>
-      <Twitter size={24} className='text-sky-400'/>
+      <Bird size={24} className='text-sky-400'/>
     </div>
   );
 }

apps/phone/src/os/apps/icons/material/app/TWITTER.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Twitter } from 'lucide-react';
+import { Bird } from 'lucide-react';
 
 const TwitterIcon: React.FC = () => (
-  <Twitter size={30} />
+  <Bird size={30} />
 );
 
 export default TwitterIcon;

apps/phone/src/os/apps/icons/material/svg/TWITTER.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Twitter } from 'lucide-react';
+import { Bird } from 'lucide-react';
 
 const TwitterIcon: React.FC = () => (
-    <Twitter size={16} />
+    <Bird size={16} />
 )
 
 export default TwitterIcon;