fix: show outline around correct period

Author: debater-coder

package.json

@@ -1,6 +1,6 @@
 {
   "name": "timetabl-app",
-  "version": "1.0.11-beta",
+  "version": "1.0.12-beta",
   "description": "",
   "main": "index.js",
   "scripts": {

src/routes/Main/Home/Home.tsx

@@ -62,9 +62,13 @@ const HomeView = ({
 
   const [countdown, setCountdown] = useState("");
 
-  const activeIndex = periods.findIndex(
-    ({ time, endTime }) => (time < DateTime.now() && endTime) ?? false
-  );
+  const activeIndex =
+    date === initialDate
+      ? periods.findIndex(
+          ({ time, endTime }) =>
+            time < DateTime.now() && DateTime.now() < endTime
+        )
+      : -1;
 
   return (
     <LayoutGroup>
@@ -158,8 +162,6 @@ const HomeView = ({
 export default function Home() {
   const [date, setDate] = useState<string | undefined>();
 
-  console.log(date);
-
   return (
     <QueriesHandler queries={{ dtt: useDTT(true, date), initialDtt: useDTT() }}>
       {(