Merge pull request #61 from nethesis/wrongAlertView

Fix regression issues post v0.8.21

- Added safe list for unused Tailwind CSS classes
- Fixed view during call alerts
- Removed incorrect control in ringing function in Socket.tsx

src/components/CallView/Timer.tsx

@@ -1,33 +1,22 @@
 // Copyright (C) 2024 Nethesis S.r.l.
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
-import React, { useState, useEffect, type FC } from 'react'
+import React, { FC } from 'react'
 import { useSelector } from 'react-redux'
 import { RootState } from '../../store'
 import { StyledTimer } from '../../styles/Island.styles'
 import Moment from 'react-moment'
 
 const Timer: FC<TimerProps> = ({ size = 'large', startTime, isHome }) => {
-  // Set timer negative differences
-  const [timerNegativeDifference, setTimerNegativeDifference] = useState<number>(0)
   // Get isOpen from the island store
   const { isOpen } = useSelector((state: RootState) => state.island)
 
-  useEffect(() => {
-    if (startTime) {
-      const difference = new Date().getTime() / 1000 - Number(startTime)
-      if (difference < 0) {
-        setTimerNegativeDifference(difference)
-      }
-    }
-  }, [startTime])
-
   return (
     <>
       {startTime != null && (
         <StyledTimer isOpen={isOpen} size={size}>
           <Moment
-            date={Number(startTime) + timerNegativeDifference || new Date().getTime() / 1000}
+            date={Number(startTime)}
             interval={1000}
             format='h:mm:ss'
             trim={false}