adding tabs and create widget

lib/pages/routiens/view/routines_view.dart

@@ -0,0 +1,61 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/all_devices/bloc/switch_tabs/switch_tabs_bloc.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+
+class RoutinesView extends StatelessWidget {
+  const RoutinesView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(16),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisAlignment: MainAxisAlignment.start,
+        children: [
+          Text("Create New Routines",
+              style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                    fontWeight: FontWeight.bold,
+                    color: ColorsManager.grayColor,
+                  )),
+          SizedBox(
+            height: 200,
+            width: 150,
+            child: GestureDetector(
+              onTap: () {
+                BlocProvider.of<SwitchTabsBloc>(context).add(
+                  const CreateNewRoutineViewEvent(true),
+                );
+              },
+              child: Card(
+                elevation: 3,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(10),
+                ),
+                color: ColorsManager.whiteColors,
+                child: Center(
+                    child: Container(
+                  decoration: BoxDecoration(
+                    color: ColorsManager.graysColor,
+                    borderRadius: BorderRadius.circular(120),
+                    border: Border.all(color: ColorsManager.greyColor, width: 2.0),
+                  ),
+                  height: 70,
+                  width: 70,
+                  child: Icon(
+                    Icons.add,
+                    color: ColorsManager.dialogBlueTitle,
+                    size: 40,
+                  ),
+                )),
+              ),
+            ),
+          ),
+          const Spacer(),
+        ],
+      ),
+    );
+  }
+}